首页 > 闭包中的this

闭包中的this

var name = "the window";

var object = {
    name:"my object";
    getName:function(){
        return this.name;
    }
};

object.getName();    //"my object"
(object.getName)();    //"my object"
(object.getName=object.getName)();    //"the window"

第二和第三个输出为什么不一样,尤其是第三个,怎么理解?


var name = "the window";
var object = {
    name:"my object";
    getName:function(){
        return this.name;
    }
};

object.getName(); //"my object"
(object.getName)(); //"my object"
(object.getName=object.getName)(); //"the window"

第1个方法好理解,就是普通对象的方法调用,this绑定到 object

第2个方法(object.getName)();乍一看,(object.getName)不是执行了运算嘛,返回的结果应该一个函数对象,结果应该和方法3相同啊,其实不然;
()为一个分组操作符,对分组操作符运算规则的定义是:计算分组操作符中的表达式,如果计算结果是一个应用,那么不会计算这个引用所指向的实际值返回(这个计算结果就是getName函数对象),这样的话(object.getName)的计算结果和object.getName的计算结果相同。故其行为就是一个对象的方法调用

第3个方法的执行步骤
1) object.getName=object.getName,
右边的object.getName计算后,因为其左边是一个=赋值操作符号,所以其要获取object.getName对应的实际函数对象,并把这个函数对象赋予右边的object.getName属性
同时整个赋值操作将返回左边object.getName对应的实际函数对象
2)执行对1返回的结果执行调用,此时只是一个简单的函数调用,和object对象无关,this 绑定到 windows 全局对象

不足之处多多指正

具体可参考 ECMAScript语言规范中的描述
ECMAScript Language Specification
http://bclary.com/2004/11/07/#a-11.1.6


一和二应该是一样的, . 和 ()优先级相同,所以不影响的

至于三,相当于 (c=object.getName)(),也就是相当于c(),而c直接呗调用,其this也就指向window咯


这个是 Javascript 高级程序设计(version3, p183)中的例子吧,其实书上已经解释很清楚了:

  1. (object.getName)()object.getName() 是等价的,因为 xxx.xxx(成员访问) 的优先级高于 xxx(xxx)(函数调用),所以加不加圆括号不影响结果(关于运算符优先级可参考 运算符优先级);

  2. (object.getName=object.getName) 是一个赋值表达式,赋值表达式求值结果是右值,所以该表达式的值是 getName函数。你可以这么理解:(object.getName=object.getName)() 等价于 var b; (b=object.getName)() 等价于 var b; b=object.getName; b()

  3. 严格模式下,(object.getName=object.getName)() 会报错,因为严格模式下,禁止 this 关键字指向全局对象。


函数里的 this 取决于你调用它时的上下文。

  1. 当函数作为对象的方法调用时,this 指向这个对象。

  2. 当你直接执行它时,this 指向 window。

  3. 你还可以用call, applay, bind方法来指定this

下面有一段示例帮助你理解:

var say = function () {
  console.log('My name is', this.name);
};

var jack = {
  name: 'Jack',
  say: say
};

var rose = {
  name: 'Rose',
  say: say
};

jack.say(); // My name is Jack
rose.say(); // My name is Rose

window.name = '世界之窗';
say(); // My name is 世界之窗

题目里的(object.getName=object.getName)();这种写法有意思的地方在于,object.getName=object.getName这个赋值操作的返回结果是下面这个函数体,

function(){
    return this.name;
}

所以整个这一句的执行结果等同于

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

结合此答案最前面提到的第 2 点,可知这里的this就指向window

其实这个问题跟闭包无关,跟上下文(context)有关。闭包影响作用域,上下文影响this


object.getName=object.getName 返回的是一个单独的function
等同于

(function(){return this.name;})();
【热门文章】
【热门文章】