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来调用函数。其实当执行完语句后，这段函数其实是由全局对象调用的。