美文网首页
如何理解 (object.getName = object.ge

如何理解 (object.getName = object.ge

作者: Leondt | 来源:发表于2018-06-06 14:45 被阅读0次
    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'。

    相关文章

      网友评论

          本文标题:如何理解 (object.getName = object.ge

          本文链接:https://www.haomeiwen.com/subject/icmbsftx.html