多態（Polymorphism）按字面的意思就是“多種狀態”，同樣的行為（方法）在不同對象上有不同的狀態。
　　在OOP中很多地方都要用到多態的特性，比如同樣是點擊鼠標右鍵，點擊快捷方式、點擊桌面空白處、點擊任務欄等彈出的菜單都是不同的。

方法重寫（override）:

　　即子類定義一個與父類名字相同的方法，以此覆蓋父類方法，以此來實現不同的功能。

 1     function Animal(){}
 2     var AnimalP = Animal.prototype;
 3     AnimalP.eat = function(food){
 4         console.log(‘這個動物正在吃‘ + food);
 
 5     };
 6 
 7     function Snake(){}
 8     var SnakeP = extend(Snake,Animal);//extend函數請看上一節
 9     /*snake沒有對eat方法重寫，繼承的父類eat()方法*/
10     function Dog(){}
11     var DogP = extend(Dog,Animal);
12     DogP.eat = function(food){
13         /*對eat()方法重寫*/
14         /*上一章講過，也可以在這裏通過 Animal.eat.call(this,food)調用父方法；
 
*/
15         console.log("這只狗正在吃"+food);
16     };
17 
18     function Cat(){}
19     var CatP = extend(Cat,Animal);
20     CatP.eat = function(food){
21         console.log("這只貓正在吃"+food);
22     };
23     var snake = new Snake();
24     snake.eat(‘老鼠‘);//log:這個動物正在吃老鼠
25     var dog = new Dog();
26     dog.eat(‘骨頭‘);//
 
log:這只狗正在吃骨頭
27     var cat = new Cat();
28     cat.eat(‘魚‘);//log:這只貓正在吃魚

抽象類（abstract class）:

　　上面的代碼中，Snake類沒有實現自己的eat()方法,但有的時候我們希望子類一定要有某個方法(抽象方法)，這樣可以規範子類的行為，這時候就要用到抽象類，
　　ES5、ES6都沒有抽象類的概念的，所以我們只能通過模擬來實現,讓我們接著上面的代碼，假如我們要把Animal的eat()方法定義為抽象方法:

1     AnimalP.eat = function(food){
2         /*定義抽象方法（虛函數），如果子類沒有重寫這個方法，在執行這方法的時候就會拋出錯誤*/
3         throw ‘"‘ + this.constructor.name + "‘類沒有eat()方法";
4     };
5     function Snake(){}
6     var SnakeP = extend(Snake,Animal);
7     var snake = new Snake();
8     snake.eat(‘老鼠‘);//throw:"Snake‘類沒有eat()方法

方法重載（overload）：

　　我們一定寫過這樣的函數，根據傳入的參數不一樣（類型、參數個數），方法的運行結果也不一樣：

1 var run = function(speed){
2         if(typeof speed == ‘number‘){
3             console.log(‘跑的速度有‘ + speed + ‘m/s‘);
4         }else if(typeof speed == ‘string‘){
5             console.log(‘跑的速度有‘ + speed);
6         }
7     }
8     run(15);//log:跑的速度有15m/s
9     run(‘20KM/h‘);//log:跑的速度有20KM/h

　　　但上面這樣寫明顯代碼難維護，可以把run方法作為一個接口，根據參數的類型執行不同方法，用在類中就向下面一樣：

 1     function Dog(){}
 2     var DogP = Dog.prototype;
 3     DogP.run = function(speed){
 4         if(typeof speed == ‘number‘){
 5             this._runNumber(speed);
 6         }else if(typeof speed == ‘string‘){
 7             this._runString(speed);
 8         }else{
 9             throw ‘參數不匹配‘;
10         }
11     }
12     DogP._runString = function(speed){
13         console.log(‘這只狗跑的速度有‘ + speed);
14     }
15     DogP._runNumber = function(speed){
16         console.log(‘這只狗跑的速度有‘ + speed + ‘m/s‘);
17     }
18     var dog = new Dog();
19     dog.run(15);//log:這只狗跑的速度有15m/s
20     dog.run(‘20KM/h‘);//log:這只狗跑的速度有20KM/h
21     dog.run([]);//throw:參數不匹配

　　這就是方法重載的模擬，但實際上，ES5、ES6、typescipt都不支持語法上的方法重載，typescipt也只是支持函數重載。
　　這是多態的另一種實現方式。

Demo by ES6:

 1     class Animal{
 2         eat(food){
 3             throw ‘"‘ + this.constructor.name + "‘類沒有eat()方法";
 4         }
 5     }
 6     class Snake extends Animal{}
 7     class Dog extends Animal{
 8         eat(food){
 9             console.log("這只狗正在吃"+food);
10         }
11     }
12     class Cat extends Animal{
13         eat(food){
14             console.log("這只貓正在吃"+food);
15         }
16     }
17     let snake = new Snake();
18     snake.eat(‘老鼠‘);//throw:"Snake‘類沒有eat()方法
19     let dog = new Dog();
20     dog.eat(‘骨頭‘);//log:這只狗正在吃骨頭
21     let cat = new Cat();
22     cat.eat(‘魚‘);//log:這只貓正在吃魚

Demo by TypeScript:

 1 abstract class Animal{//定義抽象類Animal
 2     constructor(){}
 3     abstract eat(food: string){}
 4     /*定義抽象方法eat(),並且限定傳入的參數類型是string，
 5     還可以定義返回值，接口等，如果子類不符合限定的規範，編譯的時候就會報錯。
 6     */
 7 }
 8 class Snake extends Animal{}//報錯，無法通過編譯，因為沒有定義eat()抽象方法
 9 class Dog extends Animal{
10     eat(food: string){
11         console.log("這只狗正在吃"+food);
12     }
13 }
14 class Cat extends Animal{
15     eat(food: string){
16         console.log("這只貓正在吃"+food);
17     }
18 }
19 let dog = new Dog();
20 dog.eat(‘骨頭‘);//log:這只狗正在吃骨頭
21 let cat = new Cat();
22 cat.eat(‘魚‘);//log:這只貓正在吃魚

後話

　　如果你喜歡作者的文章，記得收藏，你的點贊是對作者最大的鼓勵；

　　面向對象的主要知識點在這裏就講完了，這些東西僅僅是基礎，我講的肯定不夠完善，僅僅是為了讓大家快速入門，建議大家有時間的話還是系統的看書學習一下js OOP；

　　本系列還有最後一章，會把前幾張講的知識點通過一個案例整合在一起，讓大家可以更好的消化吸收，大概會醞釀兩周的時間；

　　大家有什麽疑問可以留言或私信作者，作者盡量第一時間回復大家；

　　如果老司機們覺得那裏可以有不恰當的，或可以表達的更好的，歡迎指出來，我會盡快修正、完善。

JavaScript面向對象輕松入門之多態(demo by ES5、ES6、TypeScript)