javascript - 这段代码如何理解？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 这段代码如何理解？

扔个三星炸死你 2017-06-26 10:55:12

[JavaScript讨论组]

853

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

扔个三星炸死你

全部回复(3)

为情所困2017-06-26 10:57:12 3楼

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

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

function () {
  return this.name
}

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

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

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

大概是这样= =

赞 +0

添加回复

phpcn_u15822017-06-26 10:57:12 2楼

赋值运算结果是左值。

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

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

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

赞 +0

添加回复

天蓬老师2017-06-26 10:57:12 1楼

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>