問題描述

這個問題其實來自分析jQuery源碼的時候，看到里面使用了var ret = jQuery.merge(this.constructor(), elems );，里面this.constructor()返回的是init方法創建的空的實例對象。因此對其中this的指向產生疑惑。以下為試驗代碼：

function Person() { this.name = ’ddadaa’; console.log(this);}var p1 = new Person();p1.constructor();// Person {name: 'ddadaa'}var p2 = p1.constructor;p2(); //打印的是window

此處為什么直接調用constructor()，里面的this的指向就發生了改變，并且自動創建了一個新的對象？是不是constructor()方法的內部實現對此有所影響？

問題解答

這個和constructor()方法的內部實現沒有什么關系，其實就是函數內this指向的問題。當函數作為對象的屬性調用的時候，this指向這個對象；當函數直接調用的時候，在非嚴格模式下，this指向window；p1.constructor指向的就是Person函數，當調用p1.constructor();時，Person是作為p1的屬性調用的，所以this指向p1；當調用var p2 = p1.constructor;p2();時，其實就相當于直接調用Person();，所以this指向window。