类的基本实现
- 类的成员属性都是实例属性,而不是原型属性,类的成员方法都是原型方法。
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