如题,本篇我们介绍下ts中抽象类、继承、多态。
ts中类抽象类、多态:
抽象类: abstract 修饰, 里面可以没有抽象方法。但有抽象方法(abstract method)的类必须声明为抽象类(abstract class)
多态:父类定义一个方法不去实现,让继承它的子类去实现 每一个子类有不同的表现
注意:使用多态基础是类的继承或者接口实现。
03_abstract_class.ts
/* 03_abstract_class.ts * ts中类抽象类、多态 * 抽象类: abstract 修饰, 里面可以没有抽象方法。但有抽象方法(abstract method)的类必须声明为抽象类(abstract class) * 多态:父类定义一个方法不去实现,让继承它的子类去实现 每一个子类有不同的表现 * 注意:使用多态基础是类的继承或者接口实现 * */ /** * Animal 是一个抽象类,里面含有一个eat()抽象方法 */ abstract class Animal{ public name:string; constructor(name:string){ this.name=name; } //抽象方法 ,不包含具体实现,要求子类中必须实现此方法 abstract eat():any; //非抽象方法,无需要求子类实现、重写 run(){ console.log('非抽象方法,不要子类实现、重写'); } } class Dog extends Animal{ //子类中必须实现父类抽象方法,否则ts编译报错 eat(){ return this.name+"吃肉"; } } class Cat extends Animal{ //子类中必须实现父类抽象方法,否则ts编译报错 eat(){ return this.name+"吃鱼"; } } var dog =new Dog("tom"); var cat=new Cat("kitty"); console.log(dog.eat()); console.log(cat.eat()); //多态 ,一种事物的不同表现形态。如下面的代码中 先声明变量f是Animal类型,具体是Dog还是Cat,在new 对象时才知道 //如果是Dog,则f.eat()调用的是Dog类中的eat方法;如果是Cat,则f.eat()调用的是Cat类中的eat方法,这就是多态!!! var f:Animal;//声明变量为Animal类型 //f=new Dog("sunny"); f=new Cat("sunny"); console.log(f.eat());
编译后的03_abstract_class.js
/* * 03_abstract_class.ts * ts中类抽象类、多态 * 抽象类: abstract 修饰, 里面可以没有抽象方法。但有抽象方法(abstract method)的类必须声明为抽象类(abstract class) * 多态:父类定义一个方法不去实现,让继承它的子类去实现 每一个子类有不同的表现 * 注意:使用多态基础是类的继承或者接口实现 * */ var __extends = (this && this.__extends) || (function () { var extendStatics = Object.setPrototypeOf || ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; return function (d, b) { extendStatics(d, b); function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); }; })(); /** * Animal 是一个抽象类,里面含有一个eat()抽象方法 */ var Animal = /** @class */ (function () { function Animal(name) { this.name = name; } //非抽象方法,无需要求子类实现、重写 Animal.prototype.run = function () { console.log('非抽象方法,不要子类实现、重写'); }; return Animal; }()); var Dog = /** @class */ (function (_super) { __extends(Dog, _super); function Dog() { return _super !== null && _super.apply(this, arguments) || this; } //子类中必须实现父类抽象方法,否则ts编译报错 Dog.prototype.eat = function () { return this.name + "吃肉"; }; return Dog; }(Animal)); var Cat = /** @class */ (function (_super) { __extends(Cat, _super); function Cat() { return _super !== null && _super.apply(this, arguments) || this; } //子类中必须实现父类抽象方法,否则ts编译报错 Cat.prototype.eat = function () { return this.name + "吃鱼"; }; return Cat; }(Animal)); var dog = new Dog("tom"); var cat = new Cat("kitty"); console.log(dog.eat()); console.log(cat.eat()); //多态 ,一种事物的不同表现形态。如下面的代码中 先声明变量f是Animal类型,具体是Dog还是Cat,在new 对象时才知道 //如果是Dog,则f.eat()调用的是Dog类中的eat方法;如果是Cat,则f.eat()调用的是Cat类中的eat方法,这就是多态!!! var f; //声明变量为Animal类型 //f=new Dog("sunny"); f = new Cat("sunny"); console.log(f.eat());
ok!
Copyright © 叮叮声的奶酪 版权所有
备案号:鄂ICP备17018671号-1