朋友們大家好，今天我們就接著前面的內容講，前面我們已經講到了繼承，今天我們就來講OOP目前最後一個體現，那就是多態性，因為javascript語言的靈活性，所以我們是沒有辦法使用介面的，所以這也為js程式帶來了一定的困惑，大家也不用太急著關心這個問題，因為這些到後面ECMAScript後面的版本會給我們解決這些問題的，又扯遠了，還是回到正題，OOP的多態性，前面我們已經可以很明白的理解繼承是什麼樣子的了，就是先聲明一個父類，然後，我們可以寫很多的子類來繼承父類的屬性和方法，這些我們就可以用最少的程式碼量，實作了與父類別一樣的功能，這就是繼承。馬上就有同學提出疑問：前面的繼承我看了很久，也能有理解，但主是不知道有什麼用，為什麼我們要去寫那麼多的繼承類別？這個問題，立刻切中要害，問得相當的關鍵，如果沒有多態的存在，我們先前所說的繼承還真沒什麼用，因為我們所有的繼承類別都是一模一樣的複製，沒有什麼特點。舉個例子：
多態（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/s9 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/s20 dog.run('20KM/h');//log:这只狗跑的速度有20KM/h21 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對多態性的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！
