JS中的原型鏈

var person = function(name)

var p = new person();

new操作符的操作是

1.var p = {}

2.p.__proto__ = person.prototype

3.person.call(p)

var p={}; 也就是說，初始化乙個物件p。

p.__proto__ = person.prototype;

person.call(p);也就是說構造p，也可以稱之為初始化p。

關鍵在於第二步，我們來證明一下：

var person = function() {}

var p = new person();

alert(p.

__proto__

= person.prototype)

這段**會返回true。說明我們步驟2的正確。

那麼__proto__是什麼？我們在這裡簡單地說下。

每個物件都會在其內部初始化乙個屬性，就是__proto__

，當我們訪問乙個物件的屬性時，如果這個物件內部不存在這個屬性，那麼他就會去__proto__裡找這個屬性，這個__proto__又會有自己的__proto__，於是就這樣一直找下去，也就是我們平時所說的原型鏈的概念。

按照標準，__proto__是不對外公開的，也就是說是個私有屬性，但是firefox的引擎將他暴露了出來成為了乙個共有的屬性，我們可以對外訪問和設定。

好，概念說清了，讓我們看一下下面這些**：

?var person = function () ;

person.prototype.say = function ()

var p = new person();

p.say();

這段**很簡單，相信每個人都這樣寫過，那就讓我們看下為什麼p可以訪問person的say。

首先var p=new person()；可以得出p.__proto__=person.prototype。那麼當我們呼叫p.say()時，首先p中沒有say這個屬性，於是，他就需要到他的__proto__中去找，

也就是person.prototype

，而我們在上面定義了person.prototype.say=function(){}; 於是，就找到了這個方法。

好，接下來，讓我們看個更複雜的。

var person = function () ;

person.prototype.say = function ()

person.prototype.salary = 50000;

var programmer = function () ;

programmer.prototype = new person();

programmer.prototype.writecode = function () ;

programmer.prototype.salary = 500;

var p = new programmer();

p.say();

p.writecode();

alert(p.salary);　　

我們來做這樣的推導：

var p=new programmer()可以得出p.__proto__=programmer.prototype;

而在上面我們指定了programmer.prototype=new person();我們來這樣拆分，var p1=new person();programmer.prototype=p1;那麼:

p1.__proto__=person.prototype;

programmer.prototype.__proto__=person.prototype;

由根據上面得到p.__proto__=programmer.prototype。可以得到p.__proto__.__proto__=person.prototype。

好，算清楚了之後我們來看上面的結果,p.say()。由於p沒有say這個屬性，於是去p.__proto__，也就是programmer.prototype，也就是p1中去找，由於p1中也沒有say，那就去p.__proto__.__proto__，也就是person.prototype中去找，於是就找到了alert(「person say」)的方法。

其餘的也都是同樣的道理。

再來一張stackoverflow上的圖：

JS中的原型鏈

js中的原型鏈

js中的原型及原型鏈

JS中的原型及原型鏈

JS中的原型鏈

js中的原型鏈

js中的原型及原型鏈

JS中的原型及原型鏈

相關推薦