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)中的例子吧,其实书上已经解释很清楚了:
(object.getName)()
与object.getName()
是等价的,因为xxx.xxx
(成员访问) 的优先级高于xxx(xxx)
(函数调用),所以加不加圆括号不影响结果(关于运算符优先级可参考 运算符优先级);(object.getName=object.getName)
是一个赋值表达式,赋值表达式求值结果是右值
,所以该表达式的值是getName函数
。你可以这么理解:(object.getName=object.getName)()
等价于var b; (b=object.getName)()
等价于var b; b=object.getName; b()
;严格模式下,
(object.getName=object.getName)()
会报错,因为严格模式下,禁止 this 关键字指向全局对象。
函数里的 this 取决于你调用它时的上下文。
当函数作为对象的方法调用时,this 指向这个对象。
当你直接执行它时,this 指向 window。
你还可以用
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;})();