类的基本实现
- 类的成员属性都是实例属性，而不是原型属性，类的成员方法都是原型方法。
class Dog { constructor(name: string) { this.name = name; } name: string; run() {} } console.log(Dog.prototype); let dog = new Dog("wangwang"); console.log(dog);
- 实例的属性必须具有初始值或者在构造函数中赋值，否则会报错。
class Dog { constructor(name: string) { // this.name = name; } name: string = "wangwang"; run() {} }
类的继承
class Husky extends Dog { constructor(name: string, color: string) { super(name); // this 需在 super 之后 this.color = color; } color: string; }
类的成员修饰符
1. public
公有成员，类的所有属性默认都是 public，对所有人可见
class Dog { constructor(name: string) { this.name = name; } // 显示声明 public name: string; run() {} }
2. private
类的私有成员，只能在类的本身调用，不能被类的实例调用，也不能被子类调用。
class Dog { constructor(name: string) { this.name = name; } name: string; private privateMethod() {} } let dog = new Dog("wangwang"); // 下面会报错：属性“privateMethod”为私有属性，只能在类“Dog”中访问。 console.log(dog.privateMethod()); class Husky extends Dog { constructor(name: string, color: string) { super(name); // this 需在 super 之后 this.color = color; // 下面会报错：属性“privateMethod”为私有属性，只能在类“Dog”中访问。 this.privateMethod(); } color: string; }
给构造函数添加 private, 这个类不能被实例化，也不能被继承。
class Dog { private constructor(name: string) { this.name = name; } name: string; run() {} private privateMethod() {} } // 下面报错：类“Dog”的构造函数是私有的，仅可在类声明中访问。 let dog = new Dog("wangwang"); // 下面报错：无法扩展类“Dog”。类构造函数标记为私有。 class Husky extends Dog { constructor(name: string, color: string) { super(name); this.color = color; } color: string; }
3. protected
受保护成员，只能在类的本身和子类中调用，不能被类的实例调用。
class Dog { constructor(name: string) { this.name = name; } name: string; protected protectedMethod() {} } let dog = new Dog("wangwang"); // 下面报错：属性“protectedMethod”受保护，只能在类“Dog”及其子类中访问。 console.log(dog.protectedMethod()); class Husky extends Dog { constructor(name: string, color: string) { super(name); this.color = color; // 子类调用不报错 this.protectedMethod(); } color: string; }
给构造函数添加 protected, 这个类不能被实例化，只能被继承，相当于声明了一个基类。
4. readonly
只读属性，一定要被初始化，不能被修改。
class Dog { constructor(name: string) { this.name = name; } name: string; run() {} readonly legs: number = 4; }
构造函数的参数也可以添加修饰符，作用就是自动将参数变为实例的属性，可以省略在类中的定义
class Husky extends Dog { constructor(name: string, public color: string) { super(name); this.color = color; } // 下面这个就可以省略 // color: string; }
5. static
类的静态成员，只能通过类名来调用，不能被类的实例调用。也可以被继承。
class Dog { constructor(name: string) { this.name = name; } name: string; run() {} static food: string = "bones" } let dog = new Dog("wangwang"); // 可以 console.log(Dog.food); // bones // 下面报错 console.log(dog.food); class Husky extends Dog { constructor(name: string, public color: string) { super(name); this.color = color; } } // 可以 console.log(Husky.food); // bones
