（接上）先看張對老手不新鮮但對菜鳥很有趣的圖：

What the heck is that? 簡直是luan lun。

new

拋開上面的圖，先看看上篇文章留下的第二個問題，讓我們在構造器的函數(shù)體內加點東西，看會發(fā)生什么。

function A(){this.p = 1}
var a = new A()

會得到如下結果：

為什么用new關鍵字構造出來的a，會獲得p這個屬性？new A()這行代碼做了什么事情？根據(jù)上篇文章中Function的創(chuàng)建過程第4步，A這個對象會有一個Construct屬性（注意不是constructor，Consturct是ECMAScript標準里的屬性，好像對外不可見），該屬性的值是個函數(shù)，new A()即會調用A的這個Construct函數(shù)。那么這個Construct函數(shù)會做些啥呢？

　　1， 創(chuàng)建一個object，假設叫x。

　　2， 如果A.prototype是個object（一般都是），則把A.prototype賦給x.__proto__；否則（不常見），請大老板Object出馬，把Object.prototype賦給x.__proto__。

　　3， 調用A.call(x)，第一個參數(shù)傳入我們剛剛創(chuàng)建的x。這就妥了，A的函數(shù)體里this.p = 1，這個this，就成了x。因此x就有了p這個屬性，并且x.p = 1。

　　4， 一般情況下，就返回x了，這時a就是x了。但也有特殊情況，如果A的函數(shù)體里返回的東西，它的類型(typeof)是個object。那么a就不是指向x了，而是指向A函數(shù)返回的東西。

偽代碼如下：

var x = new Object(); //事實上不一定用new來創(chuàng)建，我也不清楚。
x.__proto__ = A.prototype 
var result = A.call(x)
if (typeof(result) == "object"){
  return result;
}
return x;

在我們的例子里，A函數(shù)返回undefined（因為沒有return字眼），所以a就是x。但我們舉個例子，驗證下上面第4步里的特殊情況：

果然。

對象的constructor屬性

再看看上篇文章留下的第一個問題

function Base(){}
Base.prototype.a = 1
var base = new Base();

function Derived(){}
Derived.prototype = base;
var d = new Derived()

執(zhí)行完上面的代碼，mybase.constructor很容易猜到是Base，那么d.constructor呢？是Derived嗎？

不對，也是Base，怎么回事？很簡單，復習下上篇的內容就知道：由于d本身沒有constructor屬性，所以會到d.__proto__上去找，d.__proto__就是Derived.prototype，也就是base這個對象，base也沒constructor屬性，于是再往上，到base.__proto__上找，也就是Base.prototype。它是有constructor屬性的，就是Base本身。事實上，就我目前所知，只有構造器（function類型的object）的prototype，才真正自己擁有constructor屬性的對象，且“構造器.prototype.constructor === 構造器”。

Instanceof

那么，instanceof怎么樣？

從圖中可以看出，d是Base、Derived和Object的實例。很合理，但這是怎么判斷的呢？是這樣的：對于x instanceof constructor的表達式，如果constructor.prototype在x的原型(__proto__)鏈里，那么就返回true。很顯然，d的__proto__鏈往上依次是：Derived.prototype, Base.prototype, Object.prototype，得到圖中結果就毫無疑問了。所以，instanceof跟對象的constructor屬性無關。

Function and Object

最后解答一下文章開頭的圖。

Function和Object本身也是function類型的對象，因此可以說都是Function()構造出來的東西（自己構造自己，我不知道具體是不是這樣，但就這么認為，挺合理的。）

也就是說，可以設想如下代碼：

var Function = new Function()
var Object = new Function() 

根據(jù)上篇文章的規(guī)律，會有Function.__proto__ === Function.prototype，以及Object.__proto__ === Function.prototype，驗證一下：

Function instanceof Object，這是顯然為true的，萬物歸Object管，F(xiàn)unction的__proto__鏈依次指向：Function.prototype，Object.prototype。

Object instanceof Function，因為Function.prototype在Object的__proto__鏈中，所以也為true。

最新評論