如题,本篇我们介绍下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());