这段代码如何理解？

Question

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

Answer 1

看错问题了，那我重新解释吧。

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

function () {
  return this.name
}

当你这样写的时候 object.getNameFunc = object.getNameFunc 的时候，其实可以看成是这样的。

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

其实在做这样一个事情的时候，this 已经不是 object 了。而是 window（在浏览器里）了。所以输出的是外面的 name。

大概是这样= =

Answer 2

赋值运算结果是左值。

因此
(object.getNameFunc = object.getNameFunc)()
可以认为是：

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

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

Answer 3

var name = "123";

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

从this引用结果来看，肯定是this是指向全局了，可能中间有些环节没搞明白。
我们在后面加一段代码，就能知道(obj.getNameFunc = obj.getNameFunc)这段内容是什么了，没错，console出了一个函数，所以(obj.getNameFunc = obj.getNameFunc)这段语句执行结果就是一个函数，惯性思维导致我们总想当然认为这只是一次重赋值操作，认为依旧是obj来调用函数。
其实当执行完语句后，这段函数其实是由全局对象调用的。