javascript - JS中的this对象

Question

var str="hello";
var obj={
str:"world",
saystr:this.str
};
alert(obj.saystr); //结果是hello

请问结果为什么是"hello"，而不是"world"

Answer 1

这篇文章可以解决大部分 this 的问题。

Answer 2

this指向什么，由包含它的最近的一个function决定的；
如果没找到function，那么this就是全局对象。
你的题目中，就是后者。

稍微修改一下代码：

var str="hello";
var obj={
str:"world",
saystr: function() {
     alert(this.str)
}
};
obj.saystr();

就是第一种情况了。

总结一下：确定this通常分两步走：

1. 先找到包含this的最近的一个function；

2. 然后看这个function被调用的方式。具体看这里。

Answer 3

  alert(obj.saystr);
这句话实际等同于：

 alert(this.str);

Answer 4

把题目转换成下面这样更好理解：

var str = "hello";
var obj = {};
obj.str = "world";
obj.saystr = this.str;

所以一看就明白this指向的是window全局对象，所以obj.saystr结果就是hello