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。

大概是这样= =

这篇关于javascript - 这段代码如何理解？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！