类 - 面向对象的基础
面向对象编程,应该是目前使用最广泛的编程模式。
JavaScript 是基于原型的语言,自从广泛使用之后,面向对象的改造一直没停过,不少第三方库都使用原型实现了 JavaScript 下面的类,如:MooTools,Backbone。再到 ES6 标准,直接原生支持了类定义,不过只能算语法糖级的支持。
TypeScript 对面向对象支持的更彻底,非常接近 Java、C# 语言,支持接口、类、抽象、继承、可见性等面向对象特性。
面向对象三大特征
抽象
即同一类事物,我们可以把它抽象成一个描述,就是类。对外,我们看到的就是这个类描述,它有什么属性,它能干嘛,取决于它对外公开的属性和方法。它的内部如何运作,我们无需关注。
比如我们要用面向对象语言描述动物:动物有一个名字,动物能移动。它怎么做到移动呢,外部是不用关心的。
继承
如果抽象是基础,那么继承就是面向对象的高峰。抽象给了编程语言描述世界的画笔,那么继承就给了它色彩。
继承类拥有父类公开的、保护的属性和方法,同时还可以添加自己的属性和方法。
一般分为实现继承、接口继承。
再拿动物来说,鸟类是动物的一种,它不光继承了动物的特性,它还有自己的专属特性:它有翅膀,它能飞。
多态
多态简单来说,就是同一个类的对象,表现出不同的特性,是继承延伸出来的表现结果。
常见多态有覆盖、重载两类。
TypeScript 中的类方法不支持真正意义上的重载,可以通过增加可选参数来达到重载的目的。
具体的原因,是因为重载在编译之后,是以多个不同名的函数存在的,调用哪个也是编译的时候确定的。而 TypeScript 需要支持 JavaScript 来调用它,JavaScript 不知道编译之后的函数名。
后面会拿一篇文章来分析。
还是拿动物为例,继承并覆盖 move 方法之后,鸟类实现了飞、鱼类实现了游。
TypeScript 中类使用的常见场景
- 使用 TypeScript 描述类。
// 知识点:抽象类
abstract class Animal {
// 知识点:私有成员
private _name: string;
// 知识点:存取器
get name(): string {return this._name;}
constructor(name: string) {this._name = name;}
// 知识点:抽象方法
abstract move(distance: number): void;
}
- 描述子类
// 知识点:实现抽象类的子类
class Bird extends Animal {
// 知识点:只读成员
// 知识点:静态成员
static readonly classification = 'bird';
// 知识点:super()
constructor(name: string) {super(name);
}
// 知识点:抽象方法实现
move(distance: number): void {console.log(`moved ${distance}.`)
}
}
const enum MoveMode {
WALK,
FLY
}
// 知识点:子类
class Owl extends Bird {
private _mode: MoveMode;
get mode(): MoveMode {console.log('read move mode.');
return this._mode;
}
set mode(mode: MoveMode) {console.log('changed move mode.');
this._mode = mode;
}
// 知识点:super()
constructor(name: string) {super(name);
this._mode = MoveMode.FLY;
}
// 知识点:方法覆盖
move(distance: number): void {switch (this._mode) {
case MoveMode.FLY:
console.log(`fly ${distance}.`);
break;
case MoveMode.WALK:
console.log(`walked ${distance}.`);
break;
default:;
}
}
}
类相关的知识点总结
从上述示例中,整理出以下知识点,请结合示例回顾,加强一下理解。
- 抽象类、抽象方法
抽象类不能实例化,抽象方法不能实现,需要在子类中实现。
- 抽象类实现
- 子类
继承了父类的类,是相对的。
-
类成员可见性
- public,公开,默认的可见性
- protected,保护,子类可见
- private,私有,本类可见
- 静态成员
静态成员属于类
- 只读成员
只读,即初始化后不可修改,只能在声明和构造函数里初始化。
- 类成员存取器
可以像成员一样来访问,一般用来做一些处理,比如校验,格式化等。
- 类方法覆盖
覆盖父类方法,实现自己的特性。