04_TypeScript类
1、类的定义
//ts定义类和ES6相似,不同的是属性需要修饰符并定义数据类型 class Person{ public name:string; constructor(n:string){ this.name=n; } run():void{ console.log(this.name); } } var p=new Person('张三'); p.run()
2、类里面的修饰符
public :公有,在当前类里面、 子类 、类外面都可以访问
protected:保护类型,在当前类里面、子类里面可以访问 ,在类外部没法访问
private :私有,在当前类里面可以访问,子类、类外部都没法访问
属性如果不加修饰符 默认就是 公有 (public)
3、类的继承
//ts类的继承和ES6相似,extends 和 super class Person{ name:string; constructor(name:string){ this.name=name; } run():string{ return `${this.name}在运动` } } var p=new Person('张三'); alert(p.run()) class Web extends Person{ constructor(name:string){ super(name); /*初始化父类的构造函数*/ } } var w=new Web('李四'); alert(w.run());
4、多态(属于继承)
//多态:父类定义一个方法不去实现,让继承它的子类去实现 每一个子类有不同的表现 class Animal { name:string; constructor(name:string) { this.name=name; } //具体吃什么?继承它的子类去实现 ,每一个子类的表现不一样 eat(){ console.log('吃的方法') } } class Dog extends Animal{ constructor(name:string){ super(name) } eat(){ return this.name+'吃狗粮' } } class Cat extends Animal{ constructor(name:string){ super(name) } eat(){ return this.name+'吃鱼' } }
5、静态属性及方法
//属性及方法前面加static,就是静态属性及方法 class Person{ public name:string; static age = 20 //静态属性 constructor(name:string){ this.name = name; } //实例方法 run(){ console.log(`${this.name}在运动`) } //静态方法 static work(){ console.log(`我今年${Person.age}岁`) } } //调用实例化方法 var p = new Person('张三') p.run(); //调用静态方法及属性 Person.work(); Person.age;
6、抽象方法
//类及方法前加关键词 abstract,就是抽象类及抽象方法 //抽象方法只能放在抽象类里面 abstract class Animal{ public name:string; constructor(name:string){ this.name = name; } //抽象方法不包含具体实现,并且必须在派生类中实现 abstract eat():void; } class Dog extends Animal{ constructor(name:string){ super(name) } //抽象类的子类必须实现抽象类里面的抽象方法 eat(){ console.log(this.name + '吃粮食') } } var d = new Dog('小狗'); d.eat();