問題描述

var name = '123'; var object = {name: 'My Object',getNameFunc: function() { return this.name;} } console.log(object.getNameFunc()); //My Object console.log((object.getNameFunc)());//My Object console.log((object.getNameFunc = object.getNameFunc)()); //123

為啥最后輸出的是123？object.getNameFunc = object.getNameFunc是什么意思？

問題解答

看錯問題了，那我重新解釋吧。

首先看 object.getNameFunc，它的定義是

function () { return this.name}

當(dāng)你這樣寫的時候 object.getNameFunc = object.getNameFunc 的時候，其實可以看成是這樣的。

object.getNameFunc = function () { return this.name}

其實在做這樣一個事情的時候，this 已經(jīng)不是 object 了。而是 window（在瀏覽器里）了。所以輸出的是外面的 name。

大概是這樣= =

賦值運算結(jié)果是左值。

因此(object.getNameFunc = object.getNameFunc)()可以認為是：

var f = (object.getNameFunc = object.getNameFunc); f();

因此 this 指向全局了 所以得到 123

var name = '123';var obj = { name: 'My Object', getNameFunc: function() {return this.name; }}console.log(obj.getNameFunc()); //My Objectconsole.log((obj.getNameFunc)());//My Objectconsole.log((obj.getNameFunc = obj.getNameFunc)()); //123console.log((obj.getNameFunc = obj.getNameFunc));

從this引用結(jié)果來看，肯定是this是指向全局了，可能中間有些環(huán)節(jié)沒搞明白。我們在后面加一段代碼，就能知道(obj.getNameFunc = obj.getNameFunc)這段內(nèi)容是什么了，沒錯，console出了一個函數(shù)，所以(obj.getNameFunc = obj.getNameFunc)這段語句執(zhí)行結(jié)果就是一個函數(shù)，慣性思維導(dǎo)致我們總想當(dāng)然認為這只是一次重賦值操作，認為依舊是obj來調(diào)用函數(shù)。其實當(dāng)執(zhí)行完語句后，這段函數(shù)其實是由全局對象調(diào)用的。