如題，本篇我們介紹下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());