問(wèn)題描述

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是什么意思？

問(wèn)題解答

看錯(cuò)問(wèn)題了，那我重新解釋吧。

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

function () { return this.name}

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

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

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

大概是這樣= =

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

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

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é)果來(lái)看，肯定是this是指向全局了，可能中間有些環(huán)節(jié)沒(méi)搞明白。我們?cè)诤竺婕右欢未a，就能知道(obj.getNameFunc = obj.getNameFunc)這段內(nèi)容是什么了，沒(méi)錯(cuò)，console出了一個(gè)函數(shù)，所以(obj.getNameFunc = obj.getNameFunc)這段語(yǔ)句執(zhí)行結(jié)果就是一個(gè)函數(shù)，慣性思維導(dǎo)致我們總想當(dāng)然認(rèn)為這只是一次重賦值操作，認(rèn)為依舊是obj來(lái)調(diào)用函數(shù)。其實(shí)當(dāng)執(zhí)行完語(yǔ)句后，這段函數(shù)其實(shí)是由全局對(duì)象調(diào)用的。