問題描述

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

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

此處為什么直接調(diào)用constructor()，里面的this的指向就發(fā)生了改變，并且自動(dòng)創(chuàng)建了一個(gè)新的對(duì)象？是不是constructor()方法的內(nèi)部實(shí)現(xiàn)對(duì)此有所影響？

問題解答

這個(gè)和constructor()方法的內(nèi)部實(shí)現(xiàn)沒有什么關(guān)系，其實(shí)就是函數(shù)內(nèi)this指向的問題。當(dāng)函數(shù)作為對(duì)象的屬性調(diào)用的時(shí)候，this指向這個(gè)對(duì)象；當(dāng)函數(shù)直接調(diào)用的時(shí)候，在非嚴(yán)格模式下，this指向window；p1.constructor指向的就是Person函數(shù)，當(dāng)調(diào)用p1.constructor();時(shí)，Person是作為p1的屬性調(diào)用的，所以this指向p1；當(dāng)調(diào)用var p2 = p1.constructor;p2();時(shí)，其實(shí)就相當(dāng)于直接調(diào)用Person();，所以this指向window。