javascript - 這段代碼如何理解？

問題描述

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}

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

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

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

大概是這樣= =

賦值運算結果是左值。

因此(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引用結果來看，肯定是this是指向全局了，可能中間有些環節沒搞明白。我們在后面加一段代碼，就能知道(obj.getNameFunc = obj.getNameFunc)這段內容是什么了，沒錯，console出了一個函數，所以(obj.getNameFunc = obj.getNameFunc)這段語句執行結果就是一個函數，慣性思維導致我們總想當然認為這只是一次重賦值操作，認為依舊是obj來調用函數。其實當執行完語句后，這段函數其實是由全局對象調用的。