this 是什么取决于您如何调用使用this 的函数。
1。作为函数调用
functionName();
在这种情况下，this 将始终引用全局对象（通常是 window 对象）。
Example
a = 2;
function XY(a) {
this.a = a;
this.b = function () {
func();
};
function func () {
console.log(this.a);
}
}
var xy = new XY(1);
xy.b(); //2
备注
- 这个例子有点构建，但是请注意，函数
func是通过简单的写func();来调用的。因此，即使您的函数位于构造函数 (XY) 中并从作为方法调用的函数中调用（参见第 3 点），this 仍然指的是全局对象。
2。使用新关键字调用
var obj = new functionName();
在这种情况下，this 将引用新创建的对象。
Example
a = 2;
function XY(a) {
this.a = a;
}
var xy = new XY(1);
console.log(xy.a); //1
3。作为方法调用
obj.functionName();
在这种情况下，this 将引用包含您正在调用的函数的对象。
Example
a = 2;
var xy = {
a: 1,
func: function() {
console.log(this.a);
}
}
xy.func(); //1
4。使用apply拨打电话
functionName.apply(thisObj, argArray);
在这种情况下，this 将是 new Object(thisObj)，thisObj 是函数 apply 的第一个参数。
Example
function xy (a,b) {
console.log(this);
}
xy.apply({f:3}, [1,2]); //Object {f: 3}
xy.apply("hello", [1,2]); //String {0: "h", 1: "e", 2: "l", 3: "l", 4: "o"}
5。由事件处理程序调用
正如用户 Mifeet 所建议的，事件也会改变 this 的上下文：
事件是一种单独的主题。它们不是 EcmaScript 的一部分，通常由不同的浏览器以不同的方式处理。尽管如此，关于this 的差异很小，据我所知，IE > 8 不存在。
this 将引用触发事件的 DOM 元素，除非您使用内联事件处理程序。在这种情况下，this 将引用全局对象。
Example
<button id="1" onclick="clickit()">click me</button> <!-- 0 -->
<button id="2">click me</button>
<button id="3">click me</button>
<script>
var button1 = document.getElementById("1");
var button2 = document.getElementById("2");
var button3 = document.getElementById("3");
id = "0";
window.clickit = function(){
console.log(this.id);
};
button2.onclick = clickit; //2
button3.addEventListener("click", clickit, false); //3
</script>
对事件的评论
- 版本 9 之前的 Internet Explorer 不支持
addEventListener，但支持 attachEvent。使用此函数还会导致 this 引用全局对象。
-
this，直接在 HTML 标签内，将引用代表该标签的 DOM 元素。因此<button id="1" onclick="clickit(this)">click me</button> 会将DOM 元素传递给clickit 事件处理程序。
回到你的案子
在前两种情况下，您将函数作为方法调用，在最后一种情况下，您将其作为函数调用。这就是为什么在最后一种情况下，this 指的是全局对象。
编辑
我最近在 StackOverflow 上看到了一个非常相似的问题的答案。不幸的是，我再也找不到它了，所以我决定自己发布一个答案。但是，如果有人知道我的意思是什么答案，请发表评论，我很乐意在我的答案中添加指向原始答案的链接。