1. 全局上下文：
在全局作用域中，this 指向全局对象（在浏览器环境中通常是 window）。
console.log(this); // 在全局作用域中输出全局对象（如 window）
2. 函数上下文：
在函数内部，this 的值取决于函数的调用方式。如果函数是作为全局函数调用的，this 将指向全局对象；如果函数是作为对象的方法调用的，this 将指向调用该方法的对象。
function myFunction() {
console.log(this);
}
myFunction(); // 在全局作用域中调用，this 指向全局对象
var obj = {
method: myFunction
};
obj.method(); // 作为对象的方法调用，this 指向对象 obj
3. 构造函数上下文：
在构造函数中，this 指向新创建的对象实例。
function Person(name) {
this.name = name;
console.log(this);
}
var person1 = new Person("Alice"); // this 指向新创建的 Person 对象实例
4. 事件处理函数中的上下文：
在事件处理函数中，this 通常指向触发事件的元素。
<button id="myButton">Click me</button>
<script>
document.getElementById("myButton").addEventListener("click", function() {
console.log(this); // this 指向触发事件的按钮元素
});
</script>
5. 箭头函数中的上下文：
在箭头函数中，this 的值继承自包含它的函数。箭头函数没有自己的 this，它会从定义它的父作用域中继承 this。
function myFunction() {
return () => {
console.log(this); // this 指向 myFunction 中的 this
};
}
var arrowFn = myFunction();
arrowFn();
总的来说，this 的值是动态确定的，取决于代码的执行上下文。理解 this 的工作原理对于编写正确的 JavaScript 代码非常重要。在不同的情境下，需要小心使用 this，以确保它引用的是预期的对象。
转载请注明出处：http://www.zyzy.cn/article/detail/12805/JavaScript