箭头函数不绑定this，而是继承外层词法作用域的this，因此在定时器中可避免this丢失；普通函数因被全局环境调用导致this指向全局对象或undefined。
箭头函数本身不绑定 this、arguments、super 或 new.target，而是沿用外层作用域的值。在定时器（如 setTimeout、setInterval）中使用箭头函数，核心目的就是避免传统函数导致的 this 指向丢失问题。
为什么普通函数在定时器里会丢失 this
定时器回调由全局环境（浏览器中是 window，Node.js 中是 global）调用，普通函数作为独立调用时，this 默认指向全局对象（非严格模式）或 undefined（严格模式），不再指向原对象实例。
例如：
class Timer { constructor(name) { this.name = name; } start() { // ❌ 普通函数：this 指向 window 或 undefined setTimeout(function() { console.log(this.name); // undefined 或报错 }, 1000); } }用箭头函数自动捕获外层 this
箭头函数没有自己的 this，它直接继承定义时所在词法作用域的 this —— 通常是类实例或对象上下文，因此无需额外绑定。
立即学习“Java免费学习笔记（深入）”；
✅ 正确写法：
Java Maven Common
下载
Java Maven 项目审查工作流的通用输入处理。当 Java Maven 项目以 ZIP压缩包或 GitLab 仓库 URL 形式提供且需要...时使用。
其他保持上下文的等效方式（对比参考）
虽然箭头函数最简洁，但还有几种常见做法可达到相同效果，适用于不同场景：
-
显式绑定
this：用bind(this)创建绑定函数 -
闭包缓存
this：用const self = this提前保存引用 - 传递参数代替依赖 this：把需要的值作为参数传入回调
例如：
// bind 方式 setTimeout(function() { console.log(this.name); }.bind(this), 1000); // 闭包方式 const self = this; setTimeout(function() { console.log(self.name); }, 1000); // 参数方式 setTimeout((name) => { console.log(name); }, 1000, this.name);注意边界情况
箭头函数虽好，但有两点需留意：
- 不能用作构造函数（无
prototype，调用new会报错） - 不能使用
arguments对象（可用剩余参数...args替代） - 在对象方法中直接写箭头函数，
this不指向该对象，而是外层作用域（比如模块顶层）
例如下面写法是错误的：
const obj = { value: 42, // ❌ 这里的箭头函数的 this 不是 obj，而是外层（如 window） log: () => console.log(this.value) };这种情况下应改用普通函数或在构造函数/类中使用箭头函数属性。
