如何理解 (object.getName = object.getName)() 这段代码?

  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"。

  1. 怎样理解红宝书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'。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,195评论 0 13
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,149评论 0 21
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,740评论 18 399
  • 一年一度的春节迎来啦,好期待的一天。昨晚把老祖宗,财神都接回来啦,心里非常踏实,有种说不出的高兴,感觉这就是家的味...
    文皓文文妈妈阅读 394评论 0 7
  • 坐在窗前,窗外是滴答滴答的雨声,冬天的风吹来,凉凉的。我怕冬天,冬天让我感受冰冷的气息;冬天一来,我便爱躺被窝,甚...
    飘絮柳阅读 292评论 0 0