《Typecript 入门教程》 1、类

类

使用class + 类名 即可定义一个类，一个类中通常有3个成员：属性、构造函数、方法；

在类内部引用属性或方法事使用this调用，它表示我们访问的是类的成员。

我们使用new构造了Greeter类的一个实例。 它会调用之前定义的构造函数，创建一个Greeter类型的新对象，并执行构造函数初始化它。

 class People{
     // 1.声明 name 变量
     public name:string;

     // 2.构造函数
     // 构造函数在外部无法直接访问
     // 只在实例化的时候才执行，且仅仅执行 1 次
     // 构造函数用于在实例化某对象时必须添加某属性
     // 本例：实例化People时必须添加姓名，否则报错
     constructor(name){
         this.name=name;
     }
     // 3.方法
     sayname(){
         console.log(this.name);
     }
 }

 /*
  *使用new对类进行实例化
 */
 let li=new People('li');
 // 实例化 xiao 时没有设置 name 属性值，报错
 let xiao=new People();
 li.sayname();

 class Stu{
     // 和上面例子对比可将 name 声明直接移动至 constructor 内
     constructor(public name:string,age:string){

     }
     // constructor内添加 public/private/protected 对变量进行声明后此处可用 this.name调用，否则不可调用
     // age 没有声明所以无法调用
     say(){
         console.log(this.name);
         console.log(this.age);
     }
 }

 // 必须设置 name 属性值
 let chen=new Stu();

构造函数要求实例化时必须设置name属性值，没有设置值具体报错信息如下：

继承

在TypeScript里，我们使用extends来创建子类。你可以看到Horse和Snake类是基类Animal的子类，并且可以访问其属性和方法。

这个例子演示了如何在子类里可以重写父类的方法。 Snake类和Horse类都创建了move方法，重写了从Animal继承来的move方法，使得move方法根据不同的类而具有不同的功能。 注意，即使tom被声明为Animal类型，因为它的值是Horse，tom.move(34)调用Horse里的重写方法：

包含constructor函数的派生类必须调用super()，它会执行基类的构造方法。

super的用法说明：

1. 子类的构造函数必须调用父类的构造函数，就是这么规定的

   constructor(name:string , sid:string){
        super(name);
　　}

2. super.functonName( ) 可以调用父类的其它方法

 class Animal{
     public name:string;

     constructor(name:string){
         this.name = name;
     }
     move(distanceMetres:number = 0){
         console.log(`${this.name} moved ${distanceMetres}m`);
     }
 }

 class Snake extends Animal{
     public age:string;
     constructor(name:string,age:string){
         super(name);
         this.age=age;
     }
     move(distanceMetres=5){
         console.log("snake...");
         super.move(distanceMetres);
     }
     sayage(age){
         alert(`${this.age}`);
     }
 }

 class Horse extends Animal{
     constructor(name:string){
         super(name);
     }
     move(distanceMetres=10){
         console.log("horse...");
         super.move(distanceMetres);
     }
 }

 let sam = new Snake('xiaobao','30');
 let tom:Animal = new Horse('tommy');

 // sam.move();
 sam.sayage(this.age);
 // console.log(sam.age);
 // tom.move(150);