箭头函数能避免定时器中this指向丢失，从而防止意外访问或修改全局对象；因其不绑定自身this，而是继承外层作用域的this值。
在 JavaScript 中，箭头函数本身并不能“避免错误使用全局对象”，但它能帮你**避免定时器中 this 指向丢失**——而这种丢失常常导致意外访问或修改全局对象（比如在非严格模式下 this 指向 window 或 globalThis）。关键在于：箭头函数不绑定自己的 this，而是继承外层作用域的 this 值。
为什么 setTimeout 里容易误用全局对象？
普通函数作为回调传给 setTimeout 时，this 会丢失，变成全局对象（非严格模式）或 undefined（严格模式）。例如：
❌ 错误示例（普通函数）：
const obj = {
name: 'Alice',
sayHi() {
setTimeout(function() {
console.log(this.name); // undefined（严格模式）或 window.name（非严格模式）
}, 100);
}
};
obj.sayHi();
这里的 function(){...} 是独立调用，this 不再是 obj，极易误读全局属性、污染全局命名空间，甚至静默失败。
立即学习“Java免费学习笔记（深入）”；
用箭头函数继承外层 this
箭头函数没有自己的 this，它自动捕获定义时所在作用域的 this（即 obj）：
✅ 正确写法（箭头函数）：
const obj = {
name: 'Alice',
sayHi() {
setTimeout(() => {
console.log(this.name); // 'Alice' ✅
}, 100);
}
};
obj.sayHi();
因为箭头函数体内的 this 就是 sayHi 方法调用时的 this（即 obj），不会退化到全局。
注意：箭头函数不能替代 bind 的全部场景
箭头函数只解决 this 继承问题，但不适用于需要动态绑定 this 或需 arguments、new.target 的情况。如果必须用普通函数，可显式绑定：
- 用
.bind(this)：setTimeout(function(){...}.bind(this), 100) - 用闭包变量缓存：
const self = this; setTimeout(function(){ console.log(self.name); }, 100) - 或直接改用箭头函数（更简洁、不易出错）
类方法中定时器的典型安全写法
在 class 中，尤其要注意事件回调或定时器里的 this：
class TimerDemo {
constructor(name) {
this.name = name;
}
start() {
// ✅ 推荐：箭头函数，this 指向实例
setTimeout(() => {
console.log(`Hello from ${this.name}`);
}, 500);
// ❌ 避免：普通函数 + this 丢失
// setTimeout(function() {
// console.log(`Hello from ${this.name}`); // this !== 实例
// }, 500);
}
}
不复杂但容易忽略：只要定时器回调需要访问当前对象的属性或方法，优先用箭头函数，就能自然避开 this 指向全局的陷阱。
