《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);