成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

理解原型鏈

岳光 / 711人閱讀

摘要：作用原型鏈的存在，主要是為了實(shí)現(xiàn)對(duì)象的繼承。理解要理解原型鏈，需要從幾個(gè)概念入手。因此在不斷的指向中，形成了原型鏈。原型鏈的內(nèi)存結(jié)構(gòu)為了嚴(yán)謹(jǐn)起見(jiàn)，區(qū)分對(duì)象和變量

JavaScript之原型鏈 
參考：http://zhangjiahao8961.iteye.com/blog/2070650
原型鏈

概念

原型鏈?zhǔn)且环N機(jī)制，指的是JavaScript每個(gè)對(duì)象包括原型對(duì)象都有一個(gè)內(nèi)置的[[proto]]屬性指向創(chuàng)建它的函數(shù)對(duì)象的原型對(duì)象，即prototype屬性。

作用

原型鏈的存在，主要是為了實(shí)現(xiàn)對(duì)象的繼承。

理解

要理解原型鏈，需要從幾個(gè)概念入手。

1、函數(shù)對(duì)象

在JavaScript中，函數(shù)即對(duì)象。

2、原型對(duì)象

當(dāng)定義一個(gè)函數(shù)對(duì)象的時(shí)候，會(huì)包含一個(gè)預(yù)定義的屬性，叫prototype，這就屬性稱之為原型對(duì)象。

//函數(shù)對(duì)象
function F(){};
console.log(F.prototype)

//普通對(duì)象
var a = {};
console.log(a.prototype);//undefined

3、__proto__

JavaScript在創(chuàng)建對(duì)象的時(shí)候，都會(huì)有一個(gè)[[proto]]的內(nèi)置屬性，用于指向創(chuàng)建它的函數(shù)對(duì)象的prototype。原型對(duì)象也有[[proto]]屬性。因此在不斷的指向中，形成了原型鏈。

舉個(gè)例子來(lái)說(shuō)，我們將對(duì)象F的原型對(duì)象修改一下，就可以清楚看到上述的關(guān)系

//函數(shù)對(duì)象
function F(){};
F.prototype = {
    hello : function(){}
};
var f = new F();
console.log(f.__proto__)

4、new

當(dāng)使用new去調(diào)用構(gòu)造函數(shù)時(shí)，相當(dāng)于執(zhí)行了

var o = {};
o.__proto__ = F.prototype;
F.call(o);

因此，在原型鏈的實(shí)現(xiàn)上，new起到了很關(guān)鍵的作用。

5、constructor

原型對(duì)象prototype上都有個(gè)預(yù)定義的constructor屬性，用來(lái)引用它的函數(shù)對(duì)象。這是一種循環(huán)引用。

function F(){};
F.prototype.constructor === F;

在實(shí)際運(yùn)用中，經(jīng)常會(huì)有下列的寫(xiě)法

function F(){};
F.prototype = {
    constructor : F,
    doSomething : function(){}
}

這里要加constructor是因?yàn)橹貙?xiě)了原型對(duì)象，constructor屬性就消失了，需要自己手動(dòng)補(bǔ)上。

6、原型鏈的內(nèi)存結(jié)構(gòu) 
function F(){
    this.name = "zhang";
};
var f1 = new F();
var f2 = new F();

為了嚴(yán)謹(jǐn)起見(jiàn)，區(qū)分對(duì)象和變量

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/79591.html

相關(guān)文章

  • 【5】JavaScript 函數(shù)高級(jí)——原型與原型鏈深入理解（圖解）

    摘要：探索是如何判斷的表達(dá)式如果函數(shù)的顯式原型對(duì)象在對(duì)象的隱式原型鏈上，返回，否則返回是通過(guò)自己產(chǎn)生的實(shí)例案例案例重要注意的顯示原型和隱式原型是一樣的。面試題測(cè)試題測(cè)試題報(bào)錯(cuò)對(duì)照下圖理解 原型與原型鏈深入理解（圖解） 原型（prototype） 函數(shù)的 prototype 屬性（圖） 每個(gè)函數(shù)都有一個(gè)prototype屬性，它默認(rèn)指向一個(gè)Object空對(duì)象（即稱為：原型對(duì)象） 原型對(duì)象中有...

    馬龍駒 評(píng)論0 收藏0

  • 如何理解JavaScript的原型和原型鏈？

    摘要：之前有朋友問(wèn)怎么去理解原型和原型鏈的問(wèn)題。理解原型鏈的小技巧將箭頭視作泛化子類到父類關(guān)系那么圖中所有的虛線將構(gòu)成一個(gè)繼承層級(jí)，而實(shí)線表示屬性引用。原型鏈?zhǔn)菍?shí)現(xiàn)繼承的重要方式，原型鏈的形成是真正是靠而非。 之前有朋友問(wèn)怎么去理解原型和原型鏈的問(wèn)題。這個(gè)問(wèn)題，在面試中，很多同學(xué)經(jīng)常都會(huì)遇到。這里給大家講講，方便大家記憶。 JavaScript的特點(diǎn)JavaScript是一門(mén)直譯式腳本...

    xuexiangjys 評(píng)論0 收藏0

  • 如何理解JavaScript的原型和原型鏈？

    摘要：之前有朋友問(wèn)怎么去理解原型和原型鏈的問(wèn)題。理解原型鏈的小技巧將箭頭視作泛化子類到父類關(guān)系那么圖中所有的虛線將構(gòu)成一個(gè)繼承層級(jí)，而實(shí)線表示屬性引用。原型鏈?zhǔn)菍?shí)現(xiàn)繼承的重要方式，原型鏈的形成是真正是靠而非。 之前有朋友問(wèn)怎么去理解原型和原型鏈的問(wèn)題。這個(gè)問(wèn)題，在面試中，很多同學(xué)經(jīng)常都會(huì)遇到。這里給大家講講，方便大家記憶。 JavaScript的特點(diǎn)JavaScript是一門(mén)直譯式腳本...

    adie 評(píng)論0 收藏0

  • 原型鏈二：Function的原型鏈問(wèn)題

    摘要：每個(gè)函數(shù)都有一個(gè)屬性構(gòu)造函數(shù)指向?qū)嵗腿缦聢D重點(diǎn)理解實(shí)例對(duì)象指向?qū)嵗蛯?duì)象參考原博客的那個(gè)部分挖來(lái)下圖理解之后我們來(lái)看在聲明函數(shù)的時(shí)候有一種聲明方法是構(gòu)造函數(shù)下面參考阮一峰第三種聲明函數(shù)的方式是構(gòu)造函數(shù)。 理解關(guān)于Function的原型鏈問(wèn)題 關(guān)于Function的原型鏈問(wèn)題的一些個(gè)人粗略理解,歡迎指正錯(cuò)誤的地方 可以看這篇文章：https://github.com/KieSun...

    dingda 評(píng)論0 收藏0

  • 理解javaScript原型、原型鏈

    摘要：構(gòu)造函數(shù)的屬性指向原型對(duì)象原型對(duì)象的屬性指向構(gòu)造函數(shù)實(shí)例對(duì)象的指向原型對(duì)象所有引用類型默認(rèn)都繼承了，而這個(gè)繼承也是通過(guò)原型鏈實(shí)現(xiàn)的。第一種方式是使用操作符，只要用這個(gè)操作符來(lái)測(cè)試實(shí)例與原型鏈中出現(xiàn)過(guò)的構(gòu)造函數(shù)，結(jié)果就會(huì)返回。 理解對(duì)象 首先對(duì)象的定義是:無(wú)序?qū)傩缘募希鋵傩钥梢园局?、?duì)象或者函數(shù)。嚴(yán)格來(lái)講，這就相當(dāng)于說(shuō)對(duì)象是一組沒(méi)有特定順序的值。對(duì)象的每個(gè)屬性或方法都有一個(gè)名...

    NSFish 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<