[JavaScript知识库]ts 学习笔记（三）类【上】

es6之前 JavaScript程序使用函数和基于原型的继承来创建可重用的组件
es6之后 JavaScript程序员将能够使用基于类的面向对象的方式。

/eg01 类的创建
class Greeter {
    greeting:string
    constructor(message:string){
        this.greeting = message
    }

    greet(){
        return 'hello,' + this.greeting
    }
}
let  greeter = new Greeter("world")

// 继承
// 基类 通常有被称为超类
class Animal {
    move(a:number){
        console.log(a)
    }
}
// 派生类 通常又被称为子类
class Dog extends Animal{
    bark(){
        console.log('woof')
    }
}
const dog = new Dog()

dog.bark()
dog.move(10)
dog.bark()
//  Dog类 继承 Animal类，Dog类的实例既可以调用move方法，也可以调用bark方法
//  通过关键字extends实现继承

// 基类（超类）
class Animals {
    name: string
    constructor(tName:string){
        this.name =  tName
    }

    move(a:number){
        console.log('move:>> ', a);
    }
}
// 派生类（子类）
class Snake extends Animals {
    constructor(name:string){
        super(name)
    }

    move(a=5){
        console.log('snake-move :>> ', a);
        super.move(a)
    }
}
// 派生类（子类）
class Horse extends Animals {
    constructor(name:string){
        super(name)
    }

    move(a=45){
        console.log('Horse-move :>> ', a);
        super.move(a)
    }
}
let sam = new Snake('sammy')
let tom = new Horse('Tommy')

sam.move()
tom.move(34)

// 子类的构造函数必须调用super(),他会执行基类的构造函数。就是super()调佣父类的构造函数完成子类对超类的继承
// super（）的调用必须在使用this的属性之前调用，ts强制执行的规则