this的指向由调用方式决定，遵循四种绑定规则：默认绑定中非严格模式指向全局对象，严格模式为undefined；隐式绑定指向调用对象；显式绑定通过call、apply或bind指定；new绑定指向新实例。优先级为new > 显式 > 隐式 > 默认。箭头函数无自身this，继承外层作用域。方法作为回调时易丢失上下文，可用bind或箭头函数解决。构造函数中嵌套函数需注意this指向，应使用箭头函数或bind确保指向实例。
JavaScript中的this关键字是许多开发者困惑的来源，因为它不像其他语言那样指向词法作用域中的对象。它的值取决于函数如何被调用，而不是在哪里定义。理解this的绑定规则和常见陷阱，能有效避免运行时错误。
掌握this的四种绑定规则
要正确判断this的指向，必须了解以下四种绑定方式：
- 默认绑定：在非严格模式下，独立函数调用时this指向全局对象（浏览器中是window）；严格模式下为undefined。
- 隐式绑定：当函数作为对象的方法被调用时，this指向该对象。例如 obj.method() 中，this指向obj。
- 显式绑定：通过call、apply或bind方法手动指定this的值。
- new绑定：使用new调用构造函数时，this指向新创建的实例对象。
这些规则有优先级：new绑定 > 显式绑定 > 隐式绑定 > 默认绑定。
箭头函数改变this的行为
箭头函数没有自己的this，它会继承外层作用域的this值。这在回调函数中特别有用，但也容易造成误解。
立即学习“Java免费学习笔记（深入）”；
例如，在事件处理器或setTimeout中使用普通函数，this可能丢失原始上下文：
const user = {name: 'Alice',
greet: function() {
setTimeout(function() {
console.log('Hello, ' + this.name); // this不是user
}, 100);
}
};
解决办法是使用箭头函数或提前缓存this：
- 将内部函数改为箭头函数，自动继承外层this。
- 在greet函数开头用
const self = this;保存上下文。
避免方法传递时的this丢失
当把对象的方法作为回调传递时，this会脱离原对象。比如：
const button = document.getElementById('btn');button.addEventListener('click', user.greet); // this不再是user
此时调用greet，this指向的是button元素。解决方案包括：
- 使用bind绑定固定this：
user.greet.bind(user)。 - 传入箭头函数包装：
() => user.greet()。 - 在构造函数或初始化时预先绑定方法。
构造函数中误用普通函数
使用new调用函数时，this指向新实例。但如果构造函数内部使用了普通函数而非箭头函数或正确绑定，嵌套函数中的this不会指向实例。
例如：
function Person(name) {this.name = name;
this.greet = function() {
setTimeout(function() {
console.log(this.name); // undefined
}, 100);
};
}
应改为使用箭头函数或bind来保持this指向Person实例。
基本上就这些。只要清楚调用方式决定this，注意箭头函数的词法继承，以及在回调和嵌套中保持上下文，就能避开大多数陷阱。
