JavaScript模擬實(shí)現(xiàn)繼承的方法_javascript技巧

我們都知道，在JavaScript中只能模擬實(shí)現(xiàn)OO中的"類"，也就意味著，在JavaScript中沒有類的繼承。我們也只能通過在原對(duì)象里添加或改寫屬性來(lái)模擬實(shí)現(xiàn)。

先定義一個(gè)父類，

一、prototype 實(shí)現(xiàn)：

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

二、apply 實(shí)現(xiàn)：

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

三、call + prototype 實(shí)現(xiàn)：

call和apply作用類似，即都是用A方法替換B方法，只是傳遞的參數(shù)不一樣，call方法的第一個(gè)參數(shù)為B方法的對(duì)象本身，后續(xù)的參數(shù)則不用Array包裝，需直接依次進(jìn)行傳遞。既然作用差不多，為何多了一句 原型賦值呢？這是因?yàn)閏all方法只實(shí)現(xiàn)了方法的替換而沒有對(duì)對(duì)象屬性進(jìn)行復(fù)制操作。

每種方法都有其適用環(huán)境，比如，如果父類帶有有參構(gòu)造函數(shù)：

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

實(shí)例化：

在apply和call中，又該如何取舍呢？在OO的繼承中，子類繼承于父類，那么它應(yīng)該也是父類的類型。即，ChildClassByCall、ChildClassByApply應(yīng)該也是ParentClass類型，但我們用"instanceof"檢測(cè)一下就會(huì)發(fā)現(xiàn)，通過apply繼承的子類，并非ParentClass類型。所以，我們建議用call + prototype 來(lái)模擬實(shí)現(xiàn)繼承。據(jù)說(shuō)，Google Map API 的繼承就是使用這種方式喲。

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com