這篇文章主要介紹了javascript借用構(gòu)造函數(shù)的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)主營(yíng)林周網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,成都APP應(yīng)用開(kāi)發(fā),林周h5小程序制作搭建,林周網(wǎng)站營(yíng)銷推廣歡迎林周等地區(qū)企業(yè)咨詢

借用構(gòu)造函數(shù)

為了解決原型中包含引用類型值所帶來(lái)問(wèn)題，開(kāi)發(fā)人員開(kāi)始使用一種叫做借用構(gòu)造函數(shù)(constructor stealing)的技術(shù)。

有時(shí)候也叫偽造對(duì)象或者經(jīng)典繼承。

這種技術(shù)的基本思想非常簡(jiǎn)單，即在子類型構(gòu)造函數(shù)內(nèi)部調(diào)用超類型構(gòu)造函數(shù)。

函數(shù)只不過(guò)是在特定環(huán)境中的執(zhí)行代碼的對(duì)象，因此通過(guò)使用apply()和call()方法也可以在新創(chuàng)造的對(duì)象上執(zhí)行構(gòu)造函數(shù)。

function SuperType() {
    this.colors = ["red","blue","green"];
}

function SubType() {
    //繼承了SuperType
    SuperType.call(this);
}

var instance1 = new SubType();

instance1.colors.push("black");
console.log(instance1.colors); //["red","blue","green","black"]

var instance2 = new SubType();
console.log(instance2.colors); //["red","blue","green"]

注意，這一段代碼“借調(diào)”了超類型的構(gòu)造函數(shù)。

function SubType() {
    //繼承了SuperType
    SuperType.call(this);
}

通過(guò)使用call()方法（或apply()方法也可以），實(shí)際上是在將要?jiǎng)?chuàng)建的SubType實(shí)例對(duì)象的環(huán)境下調(diào)用了SuperType構(gòu)造函數(shù)。

這樣一來(lái)，就會(huì)在新SubType對(duì)象上，執(zhí)行SuperType()函數(shù)中定義的所有對(duì)象初始化代碼。

所以，SubType的每個(gè)實(shí)例對(duì)象都有具有自己的colors屬性的副本了

傳遞參數(shù)

相對(duì)于原型鏈而言，借用構(gòu)造函數(shù)有一個(gè)很大的優(yōu)勢(shì)，就是可以在子類型構(gòu)造函數(shù)中向超類型構(gòu)造函數(shù)傳遞參數(shù)。

function SuperType(name) {
    this.name = name;
}

function SubType(){
    //繼承了SuperType，同時(shí)還傳遞了參數(shù)
    SuperType.call(this, "Shaw");

    //實(shí)例屬性
    this.age = 18;
}

var instance = new SubType();

console.log(instance.name); // "Shaw"
console.log(instance.age); // 18

以上代碼中的SuperType只接受一個(gè)參數(shù)name，該參數(shù)會(huì)直接賦值給一個(gè)屬性。

在SubType構(gòu)造函數(shù)內(nèi)部調(diào)用SuperType構(gòu)造函數(shù)時(shí)，實(shí)際上是為SubType的實(shí)例對(duì)象設(shè)置了name屬性（this的指向，跟執(zhí)行上下文有關(guān)）。

為了確保SuperType構(gòu)造函數(shù)不會(huì)重寫子類型的屬性，可以在調(diào)用超類型的構(gòu)造函數(shù)后，再添加應(yīng)該在子類型中定義的屬性。

借用構(gòu)造函數(shù)的問(wèn)題

如果僅僅是借用構(gòu)造函數(shù)，那么也將無(wú)法避免構(gòu)造函數(shù)模式存在的問(wèn)題。

方法都在構(gòu)造函數(shù)中定義，函數(shù)的復(fù)用就無(wú)從說(shuō)起了，每實(shí)例化一個(gè)對(duì)象，實(shí)質(zhì)上都在每個(gè)實(shí)例對(duì)象上重新創(chuàng)建了一遍方法， 造成內(nèi)存和資源的浪費(fèi)。

而且，在超類型的原型中定義的方法，對(duì)子類型而言也是不可見(jiàn)的（因?yàn)檫@里沒(méi)用原型對(duì)象，實(shí)際上子類型的原型鏈指向了Object）， 結(jié)果所有類型都只能使用構(gòu)造函數(shù)模式。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“javascript借用構(gòu)造函數(shù)的示例分析”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)站名稱：javascript借用構(gòu)造函數(shù)的示例分析-創(chuàng)新互聯(lián)
文章分享：http://m.rwnh.cn/article28/copgcp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、微信公眾號(hào)、網(wǎng)站導(dǎo)航、搜索引擎優(yōu)化、用戶體驗(yàn)、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)