javascript的原型鏈有顯式和隱式兩種：

顯式原型鏈：即我們常見(jiàn)的prototype； 隱式原型鏈：在一般環(huán)境下無(wú)法訪問(wèn)，即不可見(jiàn)，在FireFox下可以通過(guò)__proto__方式訪問(wèn)；隱式原型鏈用于javascript引擎內(nèi)部對(duì)原型鏈的搜尋，通過(guò)顯示原型鏈來(lái)設(shè)置；

一、prototype和__proto__的概念

　　prototype是函數(shù)的一個(gè)屬性（每個(gè)函數(shù)都有一個(gè)prototype屬性），這個(gè)屬性是一個(gè)指針，指向一個(gè)對(duì)象。它是顯示修改對(duì)象的原型的屬性。

　　__proto__是一個(gè)對(duì)象擁有的內(nèi)置屬性（請(qǐng)注意：prototype是函數(shù)的內(nèi)置屬性，__proto__是對(duì)象的內(nèi)置屬性），是JS內(nèi)部使用尋找原型鏈的屬性。

? ? ? 用chrome和FF都可以訪問(wèn)到對(duì)象的__proto__屬性，IE不可以。

二、new 的過(guò)程 var Person = function(){}; var p = new Person();

? ?new的過(guò)程拆分成以下三步：
? ?(1) var p={}; 也就是說(shuō)，初始化一個(gè)對(duì)象p
? ?(2) p.__proto__ = Person.prototype;
? ?(3) Person.call(p); 也就是說(shuō)構(gòu)造p，也可以稱之為初始化p

關(guān)鍵在于第二步，我們來(lái)證明一下：

var Person = function(){}; var p = new Person(); alert(p.__proto__ === Person.prototype);

? ? 這段代碼會(huì)返回true。說(shuō)明我們步驟2是正確的。

?

三、示例

var Person = function(){};Person.prototype.sayName = function() {alert("My Name is Jacky");};Person.prototype.age = 27;var p = new Person();p.sayName();

p是一個(gè)引用指向Person的對(duì)象。我們?cè)赑erson的原型上定義了一個(gè)sayName方法和age屬性，當(dāng)我們執(zhí)行p.age時(shí)，會(huì)先在this的內(nèi)部查找（也就是構(gòu)造函數(shù)內(nèi)部），如果沒(méi)有找到然后再沿著原型鏈向上追溯。

這里的向上追溯是怎么向上的呢？這里就要使用__proto__屬性來(lái)鏈接到原型（也就是Person.prototype）進(jìn)行查找。最終在原型上找到了age屬性。

轉(zhuǎn)載于:https://www.cnblogs.com/shj-com/p/11165918.html

總結(jié)

以上是生活随笔為你收集整理的原型与原型链的简单理解的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。