箭头函数不绑定自身this，而是词法继承外层普通函数或全局作用域的this，不可被call/apply/bind修改，也不能用作构造函数；适合回调场景，不适合对象方法或需动态this的场合。
箭头函数不是“没有 this”，而是不绑定自己的 this，它直接沿用定义时所在外层非箭头函数作用域的 this 值——这个行为由词法作用域决定，且不可更改。
箭头函数的 this 是词法继承，不是动态绑定
普通函数的 this 在每次调用时才确定，取决于调用方式（如 obj.fn()、fn.call(x)）；而箭头函数在写出来的那一刻，就从外层最近的普通函数或全局作用域中“拿”来了 this，并一直保持不变。
- 它内部没有
[[ThisBinding]]内部槽，引擎跳过 this 初始化步骤 - 外层必须是函数作用域（function 声明/表达式），对象字面量、类体、模块顶层等不能提供可继承的 this
- 如果外层没有函数（比如直接在模块顶层定义），则继承全局 this（浏览器中是 window，严格模式下为 undefined）
call / apply / bind 对箭头函数完全无效
这些方法只影响函数自身的 this 绑定流程，但箭头函数压根不参与该流程，所以传入任何对象都无反应。
-
arrowFn.call(obj)不会改变 arrowFn 的 this -
arrowFn.bind(otherObj)返回的仍是原函数，this 不变 - 试图用 new 调用箭头函数会直接报错，因为它没有 prototype，也不支持构造调用
典型误用场景与正确用法对比
理解“定义位置”比“调用位置”更重要。常见误区是认为“谁调用了箭头函数，this 就是谁”，其实关键在于“它写在哪一层函数里”。
立即学习“Java免费学习笔记（深入）”；
- ✅ 定时器/事件回调中保持实例 this：
在 class 方法内定义箭头函数，自然继承该方法的 this，无需.bind(this) - ❌ 在对象字面量中直接写箭头函数：
obj = { name: 'A', fn: () => console.log(this.name) }→ this 不指向 obj，而是外层作用域 - ❌ 用作 DOM 事件监听器并期望 this 指向元素：
btn.addEventListener('click', () => console.log(this))→ this 是外层函数的 this，不是 btn
它解决什么问题，又不适合哪些场景
箭头函数的设计初衷是简化回调中 this 丢失的处理，不是为了替代普通函数。
- 适合：数组方法（map/filter）、Promise 回调、setTimeout/setInterval、需要稳定上下文的嵌套函数
- 不适合：对象方法、需要动态 this 的事件处理器、构造函数、需要 arguments 或 super 的场景
- 替代方案：需要用 this 指向调用者时，坚持使用 function 声明或简写的 method 语法（
method() {}）
