箭头函数不绑定this、arguments、super或new.target，而是继承外层词法作用域的值，因此在map等迭代方法中能天然保持外部this，避免普通函数因调用方式导致的this丢失问题。
箭头函数本身不绑定 this、arguments、super 或 new.target，而是沿用外层作用域的值。这恰好让它天然适合在数组迭代方法（如 map、filter、forEach）中保持外部上下文，避免传统函数中常见的 this 丢失问题。
为什么普通函数容易丢失 this
在对象方法中调用数组迭代时，如果传入普通函数作为回调，该函数内部的 this 默认指向全局对象（非严格模式）或 undefined（严格模式），而不是外层对象：
❌ 错误示例：
const obj = {
items: [1, 2, 3],
multiplier: 10,
doubled() {
return this.items.map(function(x) {
return x * this.multiplier; // this 指向错误，报错或 NaN
});
}
};用箭头函数自动捕获外层 this
箭头函数没有自己的 this，它直接继承外层函数作用域的 this（通常是当前对象）。只要外层是对象方法，箭头函数就能安全访问对象属性：
立即学习“Java免费学习笔记（深入）”；
✅ 正确写法：
- 确保箭头函数定义在对象方法内部（即
this已正确绑定的上下文中） - 直接使用
this.xxx访问对象属性或方法，无需.bind()或中间变量
const obj = {
items: [1, 2, 3],
multiplier: 10,
doubled() {
return this.items.map(x => x * this.multiplier); // ✅ this 指向 obj
}
};注意：箭头函数不能替代所有场景
虽然箭头函数解决了 this 问题，但它也有局限：
- 不能用作构造函数（无
prototype，不能new） - 没有
arguments对象（需用剩余参数...args） - 不能用
yield（不支持生成器） - 若外层作用域的
this本身就是undefined（比如顶层箭头函数），那它捕获的仍是undefined
其他保持上下文的备选方案（供对比）
如果因兼容性或语义需要不用箭头函数，可考虑：
-
Array.prototype.map(callback, thisArg)：显式传入this值 -
callback.bind(this)：手动绑定，但更啰嗦 -
const self = this;+ 普通函数：老式闭包写法，可读性稍差
