怎样明白 (object.getName = object.getName)() 这段代码？

2023年2月24日 179次阅读 来源: Leon

1.

此段代码出自《JavaScript高等程序设计（第3版）》 p.183，代码片断以下：

var name = "The Window";
var object = {
    name : "My Object",
    getName: function(){
         return this.name;
    }
};
(object.getName = object.getName)(); //"The Window"

明白此段代码，起首要明白一个点：赋值语句是有返回值的，返回值就是所赋的值（也就是‘=’右侧的值）。

object.getName = object.getName ;

上面这行代码的寄义就是：将等号左侧 object 对象的 getName 要领赋值为 object.getName。（刚看这段代码时犯了一个毛病，即getName 要领背面是没有加括号的，也即是函数不实行，仅仅是传递了它的援用。）

那末上面这个赋值语句的返回值就是 object.getName 指向的函数体自身了：

function(){
   return this.name;
}

那末 (object.getName = object.getName)()；实在就相当于：

(function(){
   return this.name;
})();

该段代码的挪用者为 window，所以 this 指向window，终究效果为 “The Window”。

2.

如何明白红宝书182页这段代码。

var name = 'The Window';

var object = {
    name : 'My Object',

    getNameFunc : function() {
        return function() {
            return this.name;
        };
    }
};

alert(object.getNameFunc()());

起首定义了一个全局变量 name = ‘The Window’；随后在 object 对象里又从新给 name 赋值为 ‘My Object’，然则此时 name 为局部变量，object 对象另有一个要领 getNameFunc ，这个要领返回一个闭包。

object.getNameFunc()() 这一表达式实在能够分解为两步:

  • var first = object.getNameFunc()，挪用 getNameFunc 要领，那末就相当于：
var first = function() {
    return this.name;
};
  • var second = first()，挪用第一步返回的闭包，相当于：
var second = function() {
    return this.name;
}();

而此时是在全局作用域中挪用 first 函数，所以内里的 this 对象即是 window，那末 返回的是：window.name，就是’The Window’。

    原文作者：Leon
    原文地址: https://segmentfault.com/a/1190000015486557
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞