TypeScript 抽象类的详细使用

简介: TypeScript 抽象类的详细使用
  • 通过 abstract 关键字来定义一个 抽象类抽象方法/抽象属性
  • 抽象类 不能被直接实例化,只能被子类继承
  • 抽象方法 不能去有具体实现,但是继承的子类必须实现。
  • abstract 还可以修饰属性和存取器(get、set)。
  • 案例
// 抽象类
abstract class Person {
  // 名称
  name: string
  // 抽象属性 - 年纪
  abstract age: number
  // 构造
  constructor(name: string) {}
  // 获取名称1
  getName(){}
  // 抽象方法 - 获取名称2
  abstract getName2(): void
  // 抽象方法 - 获取名称3
  abstract get name3(): string
  // 设置名称
  set name4(val) {
    this.name = val
  }
}
// 定义一个类,继承抽象类
class Person1 extends Person {
  // 实现抽象类中的属性
  age: number
  // 实现抽象类中的函数
  getName2(): void {
    console.log(this.name)
  }
  get name3(): string {
    return this.name
  }
}


相关文章
|
8月前
|
JavaScript 前端开发 程序员
TypeScript 类 第三章 【抽象类,类的高级技巧】
TypeScript 类 第三章 【抽象类,类的高级技巧】
90 2
TypeScript-类存取器 和 TypeScript-抽象类
TypeScript-类存取器 和 TypeScript-抽象类
65 0
|
8月前
|
JavaScript
TypeScript【类的继承、访问修饰符、readonly 修饰符、存取器、实例方法与静态方法、实例属性与静态属性、静态属性、抽象类】(三)-全面详解(学习总结---从入门到深化)
TypeScript【类的继承、访问修饰符、readonly 修饰符、存取器、实例方法与静态方法、实例属性与静态属性、静态属性、抽象类】(三)-全面详解(学习总结---从入门到深化)
72 0
|
JavaScript
【TypeScript教程】# 12:抽象类
【TypeScript教程】# 12:抽象类
126 0
【TypeScript教程】# 12:抽象类
|
设计模式 JavaScript
ts(typescript)面向对象之类的抽象类
模板模式:有些方法,所有的子类实现的流程完全一致,只是流程中的某个步骤的具体实现不一致,可以将该方法提取到父类,在父类中完成整个流程的实现(上面代码中的attack()),遇到实现不一致的方法时(把该方法做成抽象方法,字类必须去实现),将该方法做成抽象方法。这种设计模式是大名鼎鼎的 模板模式
ts(typescript)面向对象之类的抽象类
|
JavaScript
TypeScript之类与抽象类
TypeScript之类与抽象类
TypeScript之类与抽象类
|
JavaScript
TypeScript基础入门 - 类 - 抽象类
转载 TypeScript基础入门 - 类 - 抽象类 项目实践仓库 https://github.com/durban89/typescript_demo.git tag: 1.1.4 为了保证后面的学习演示需要安装下ts-node,这样后面的每个操作都能直接运行看到输出的结果。
1260 0
|
3月前
|
JavaScript 前端开发 安全
深入理解TypeScript:增强JavaScript的类型安全性
【10月更文挑战第8天】深入理解TypeScript:增强JavaScript的类型安全性
68 0
|
3月前
|
JavaScript 前端开发 开发者
深入理解TypeScript:类型系统与实用技巧
【10月更文挑战第8天】深入理解TypeScript:类型系统与实用技巧
|
2月前
|
设计模式 JavaScript 安全
TypeScript性能优化及代码质量提升的重要性、方法与策略,包括合理使用类型注解、减少类型断言、优化模块导入导出、遵循编码规范、加强代码注释等
本文深入探讨了TypeScript性能优化及代码质量提升的重要性、方法与策略,包括合理使用类型注解、减少类型断言、优化模块导入导出、遵循编码规范、加强代码注释等,旨在帮助开发者在保证代码质量的同时,实现高效的性能优化,提升用户体验和项目稳定性。
48 6