下面的寫法在javascript是很常見的,可是javascript中的new的執行過程是怎麼樣子的呢?看下面寫法:javascript
var Person = function(name) { this.name = name; } var p = new Person();
new操做符的操做是:html
var p = {}
p.__proto__ = Person.prototype
Person.call(p)
var p={}; 也就是說,初始化一個對象p。
p.__proto__ = Person.prototype;
Person.call(p);也就是說構造p,也能夠稱之爲初始化p。java
關鍵在於第二步,咱們來證實一下:this
var Person = function() {} var p = new Person(); alert(p.__proto__ == Person.prototype)
這段代碼會返回true。說明咱們步驟2的正確。spa
那麼__proto__是什麼?咱們在這裏簡單地說下。每一個對象都會在其內部初始化一個屬性,就是__proto__,當咱們訪問一個對象的屬性時,若是這個對象內部不存在這個屬性,那麼他就會去__proto__裏找這個屬性,這個__proto__又會有本身的__proto__,因而就這樣一直找下去,也就是咱們平時所說的原型鏈的概念。prototype
按照標準,__proto__是不對外公開的,也就是說是個私有屬性,可是Firefox的引擎將他暴露了出來成爲了一個共有的屬性,咱們能夠對外訪問和設置。指針
好,概念說清了,讓咱們看一下下面這些代碼:code
var Person = function () { }; Person.prototype.Say = function () { alert("Person say"); } var p = new Person(); p.Say();
這段代碼很簡單,相信每一個人都這樣寫過,那就讓咱們看下爲何p能夠訪問Person的Say。htm
首先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 () { alert("Person say"); } Person.prototype.Salary = 50000; var Programmer = function () { }; Programmer.prototype = new Person(); Programmer.prototype.WriteCode = function () { alert("programmer writes code"); }; 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上的圖:
能夠把prototype能夠當成是一個指針,當new一個方法的時候,指向的都是一個內存區域。
看完這些,感受對原型鏈的瞭解應該差很少了吧。