TypeScript学习笔记（四）

TypeScript的类

类的基本使用

新建文件demo.ts，写入以下内容：

  class Father {
    content = "我是你父亲！";
    say() {
      return this.content;
    }
  }

  let father = new Father();
  console.log(father.say());

用ts-node demo运行，输出 "我是你父亲！"。

类的继承

TypeScript的继承和ES6的继承是一样的，也是用关键字extends进行继承。

  class Father {
    content = "我是你父亲！";
    fatherSay() {
      return this.content;
    }
  }

  class Son extends Father {
    content = "你是我儿子！";
    sonSay() {
      return this.content;
    }
  }

  let son = new Son();
  console.log(son.fatherSay());
  console.log(son.sonSay());

用ts-node demo运行，输出 "我是你父亲！" 和 "你是我儿子！"，说明继承起效果了。

类的重写

重写就是子类重新编写方法覆盖父类的方法：

  class Father {
    say() {
      return "父亲";
    }
  }

  class Son extends Father {
    say() {
      return "儿子";
    }
  }

  let son = new Son();
  console.log(son.say());

用ts-node demo运行，输出 "儿子"，说明父类的say方法被子类重写了。

super关键字

在TypeScript中，提供了一个关键字super，指向父类，可以通过super.prop或super.method()的方式调用父类的属性或方法：

  class Father {
    say() {
      return "父亲";
    }
  }

  class Son extends Father {
    say() {
      return super.say() + "儿子";
    }
  }

  let son = new Son();
  console.log(son.say());  // 输出 "父亲儿子"

类的访问类型

在TypeScript中，有三种访问类型：public、protected、private。
public：允许属性或方法在类内外及子类使用，不写默认是public
protected：允许属性或方法在类内及子类内使用
private：只允许在类内使用

  class Person {
    private name = "父类";
    protected say() {
      return "父亲";
    }
  }

  class Girl extends Person {
    public sayHi() {
      //   return this.name; name是私有属性，只能在Person类内使用
      return super.say() + "儿子"; // say方法访问类型为protected，可以在类内及子类里使用
    }
  }

  let person = new Person();
  // console.log(person.name, person.say()) // 类外使用private和protected的属性或方法，均会报错
  let son = new Girl();
  console.log(son.sayHi()); // sayHi的访问类型为public，可以在类的内外使用

类的构造函数

TypeScript提供构造函数，让我们可以在new出对象的时候通过参数的形式初始化对象

  class Person {
    private name;
    constructor(name: string) {
        this.name = name;
    }
    say() {
        return this.name;
    }
  }

  class Girl extends Person {
    constructor(name: string) {
        super(name); // 如果子类有constructor，必须显示调用super方法，并且必须写在constructor方法的最顶层
    }
  }

  let son = new Girl("父类");
  console.log(son.say()); // 输出"父类"

类的Getter和Setter

如果在类里面定义了一个private私有属性，在类外是无法直接获取或修改该属性的，所以TypeScript给我们提供了Getter和Setter方法

  class Person {
    private _name: string;
    constructor(name: string) {
      this._name = name;
    }
    get name() { // 用来获取私有属性
        return "我是" + this._name;
    }
    set name(name: string) { // 用来给私有属性赋值
        this._name = name;
    }
  }

  let person = new Person("父类");
  console.log(person.name); // 输出"我是父类"
  person.name = "子类";
  console.log(person.name); // 输出"我是子类"

类的static

正常情况下，我们要获取类里面的属性或方法，需要new一个对象，但是通过static修饰的属性和方法，
可以直接用类进行获取，称为静态属性或静态方法：

  class Person {
    static content = "静态属性";
    static say() {
      return "静态方法";
    }
  }

  console.log(Person.content); // 输出"静态属性"
  console.log(Person.say()); // 输出"静态方法"