箭头函数的this是词法绑定的，定义时即确定且不可被call/apply/bind改变；它没有自己的this，会沿作用域链继承外层非箭头函数的this值，手动传入的新上下文被忽略。
箭头函数中无法强制改变 this 的指向，因为它的 this 是词法绑定的——在定义时就确定了，与调用方式无关。所以 .call()、.apply()、.bind() 对箭头函数无效。
为什么 call/apply/bind 失败？
普通函数的 this 在调用时才动态绑定，而箭头函数没有自己的 this，它会沿作用域链向上查找外层非箭头函数的 this 值，并固化下来。即使你手动传入新上下文，引擎也直接忽略。
-
fn.call(obj)：箭头函数内部仍使用定义时的this，obj被丢弃 -
fn.bind(obj)：返回的新函数仍是箭头函数，this不变 -
obj.method = () => { console.log(this) }：此时this取决于method定义时所在函数的this，不是obj
如何“绕过”限制获取想要的 this？
既然不能改箭头函数本身的 this，就换思路：把需要的上下文作为参数显式传入，或改用普通函数。
- 用参数代替：
const handler = (context, event) => { console.log(context.name) }，调用时传this - 改写为普通函数：
function handler(event) { console.log(this.name) }，再用.bind(this)或.call(obj) - 在外部捕获正确
this：const self = this; const handler = () => console.log(self.name)
常见踩坑场景
以下写法看似想绑定 this，实则无效：
立即学习“Java免费学习笔记（深入）”；
-
setTimeout(() => { console.log(this.val) }, 100).bind(obj)——bind作用于setTimeout返回值（timer ID），不是箭头函数 -
obj.clickHandler = () => this.handleClick()—— 若该箭头函数定义在类顶层，this是类实例；但若定义在某个方法内，this就是那个方法当时的上下文 -
array.map(() => this.item)在严格模式下可能报错，如果外层this是undefined
不复杂但容易忽略：箭头函数的设计本意就是避免 this 混乱，所以它“拒绝被篡改”不是 bug，而是 feature。真需要动态 this，就别用箭头函数。
