資訊專欄INFORMATION COLUMN
摘要：作用原型鏈的存在，主要是為了實現(xiàn)對象的繼承。理解要理解原型鏈，需要從幾個概念入手。因此在不斷的指向中，形成了原型鏈。原型鏈的內(nèi)存結(jié)構(gòu)為了嚴謹起見，區(qū)分對象和變量
JavaScript之原型鏈
原型鏈參考：http://zhangjiahao8961.iteye.com/blog/2070650
概念
原型鏈是一種機制，指的是JavaScript每個對象包括原型對象都有一個內(nèi)置的[[proto]]屬性指向創(chuàng)建它的函數(shù)對象的原型對象，即prototype屬性。
作用
原型鏈的存在，主要是為了實現(xiàn)對象的繼承。
理解
要理解原型鏈，需要從幾個概念入手。
1、函數(shù)對象在JavaScript中，函數(shù)即對象。
2、原型對象當定義一個函數(shù)對象的時候，會包含一個預定義的屬性，叫prototype，這就屬性稱之為原型對象。
//函數(shù)對象
function F(){};
console.log(F.prototype)
//普通對象
var a = {};
console.log(a.prototype);//undefined
3、__proto__
JavaScript在創(chuàng)建對象的時候，都會有一個[[proto]]的內(nèi)置屬性，用于指向創(chuàng)建它的函數(shù)對象的prototype。原型對象也有[[proto]]屬性。因此在不斷的指向中，形成了原型鏈。
舉個例子來說，我們將對象F的原型對象修改一下，就可以清楚看到上述的關(guān)系
//函數(shù)對象
function F(){};
F.prototype = {
hello : function(){}
};
var f = new F();
console.log(f.__proto__)
4、new
當使用new去調(diào)用構(gòu)造函數(shù)時，相當于執(zhí)行了
var o = {};
o.__proto__ = F.prototype;
F.call(o);
因此，在原型鏈的實現(xiàn)上，new起到了很關(guān)鍵的作用。
5、constructor原型對象prototype上都有個預定義的constructor屬性，用來引用它的函數(shù)對象。這是一種循環(huán)引用。
function F(){};
F.prototype.constructor === F;
在實際運用中，經(jīng)常會有下列的寫法
function F(){};
F.prototype = {
constructor : F,
doSomething : function(){}
}
這里要加constructor是因為重寫了原型對象，constructor屬性就消失了，需要自己手動補上。
6、原型鏈的內(nèi)存結(jié)構(gòu)function F(){
this.name = "zhang";
};
var f1 = new F();
var f2 = new F();
為了嚴謹起見，區(qū)分對象和變量
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/79591.html
摘要：探索是如何判斷的表達式如果函數(shù)的顯式原型對象在對象的隱式原型鏈上，返回，否則返回是通過自己產(chǎn)生的實例案例案例重要注意的顯示原型和隱式原型是一樣的。面試題測試題測試題報錯對照下圖理解 原型與原型鏈深入理解（圖解） 原型（prototype） 函數(shù)的 prototype 屬性（圖） 每個函數(shù)都有一個prototype屬性，它默認指向一個Object空對象（即稱為：原型對象） 原型對象中有...
摘要：之前有朋友問怎么去理解原型和原型鏈的問題。理解原型鏈的小技巧將箭頭視作泛化子類到父類關(guān)系那么圖中所有的虛線將構(gòu)成一個繼承層級，而實線表示屬性引用。原型鏈是實現(xiàn)繼承的重要方式，原型鏈的形成是真正是靠而非。 之前有朋友問怎么去理解原型和原型鏈的問題。這個問題，在面試中，很多同學經(jīng)常都會遇到。這里給大家講講，方便大家記憶。 JavaScript的特點JavaScript是一門直譯式腳本...
摘要：之前有朋友問怎么去理解原型和原型鏈的問題。理解原型鏈的小技巧將箭頭視作泛化子類到父類關(guān)系那么圖中所有的虛線將構(gòu)成一個繼承層級，而實線表示屬性引用。原型鏈是實現(xiàn)繼承的重要方式，原型鏈的形成是真正是靠而非。 之前有朋友問怎么去理解原型和原型鏈的問題。這個問題，在面試中，很多同學經(jīng)常都會遇到。這里給大家講講，方便大家記憶。 JavaScript的特點JavaScript是一門直譯式腳本...
摘要：每個函數(shù)都有一個屬性構(gòu)造函數(shù)指向?qū)嵗腿缦聢D重點理解實例對象指向?qū)嵗蛯ο髤⒖荚┛偷哪莻€部分挖來下圖理解之后我們來看在聲明函數(shù)的時候有一種聲明方法是構(gòu)造函數(shù)下面參考阮一峰第三種聲明函數(shù)的方式是構(gòu)造函數(shù)。 理解關(guān)于Function的原型鏈問題 關(guān)于Function的原型鏈問題的一些個人粗略理解,歡迎指正錯誤的地方 可以看這篇文章：https://github.com/KieSun...
摘要：構(gòu)造函數(shù)的屬性指向原型對象原型對象的屬性指向構(gòu)造函數(shù)實例對象的指向原型對象所有引用類型默認都繼承了，而這個繼承也是通過原型鏈實現(xiàn)的。第一種方式是使用操作符，只要用這個操作符來測試實例與原型鏈中出現(xiàn)過的構(gòu)造函數(shù)，結(jié)果就會返回。 理解對象 首先對象的定義是:無序?qū)傩缘募?，其屬性可以包含基本值、對象或者函?shù)。嚴格來講，這就相當于說對象是一組沒有特定順序的值。對象的每個屬性或方法都有一個名...
閱讀 3025·2023-04-26 02:14
閱讀 3841·2019-08-30 15:55
閱讀 1928·2019-08-29 16:42
閱讀 2834·2019-08-26 11:55
閱讀 2929·2019-08-23 13:38
閱讀 558·2019-08-23 12:10
閱讀 1372·2019-08-23 11:44
閱讀 2980·2019-08-23 11:43
