JavaScript模擬實現繼承的方法_javascript技巧

我們都知道，在JavaScript中只能模擬實現OO中的"類"，也就意味著，在JavaScript中沒有類的繼承。我們也只能通過在原對象里添加或改寫屬性來模擬實現。

先定義一個父類，

一、prototype 實現：

這種方式很簡單，只需把父類的實例賦值給子類的prototype屬性就行了，然后子類就可以使用父親的方法和屬性了。這里其實是用到了原型鏈向上查找的特性，比如這個例子中的 cctest1.parentClassInfo() 方法，JavaScript會先在ChildClassByPrototype的實例中查找是否有parentClassInfo()方法，子類中沒有，所以繼續查找ChildClassByPrototype.prototype屬性，而其prototype屬性的值是ParentClass的一個實例，該實例有parentClassInfo()方法，于是查找結束，調用成功。

二、apply 實現：

JavaScript中的apply可以理解為用A方法替換B方法，第一個參數為B方法的對象本身，第二個參數為一個數組，該數組內的值為需要傳遞給A方法對應的參數列表，如果參數為空，即沒有參數傳遞，可通過 new Array()、[] 來傳遞。

三、call + prototype 實現：

call和apply作用類似，即都是用A方法替換B方法，只是傳遞的參數不一樣，call方法的第一個參數為B方法的對象本身，后續的參數則不用Array包裝，需直接依次進行傳遞。既然作用差不多，為何多了一句 原型賦值呢？這是因為call方法只實現了方法的替換而沒有對對象屬性進行復制操作。

每種方法都有其適用環境，比如，如果父類帶有有參構造函數：

這種情況下，prototype就不適用了，可選用apply或call；

實例化：

在apply和call中，又該如何取舍呢？在OO的繼承中，子類繼承于父類，那么它應該也是父類的類型。即，ChildClassByCall、ChildClassByApply應該也是ParentClass類型，但我們用"instanceof"檢測一下就會發現，通過apply繼承的子類，并非ParentClass類型。所以，我們建議用call + prototype 來模擬實現繼承。據說，Google Map API 的繼承就是使用這種方式喲。

希望本文所述對大家的javascript程序設計有所幫助。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com