箭头函数的this在声明时通过词法作用域继承外层第一个普通函数的this值，不创建独立执行上下文；其值取决于外层函数调用时的this动态决定，而非绝对静态。
箭头函数在声明时就确定了 this 的值，不是靠“调用时决定”，而是靠“词法绑定”——它不创建自己的执行上下文，直接沿作用域链向上找外层普通函数（或全局）的 this 值，并把它“记住”。这个过程发生在函数定义那一刻，和后续怎么调用完全无关。
箭头函数的 this 是怎么捕获的
它不做任何绑定操作，只是静态地继承外层第一个普通函数的 this。关键不在“箭头函数自己做了什么”，而在于“它写在哪一层作用域里”：
- 如果写在全局作用域，就继承全局对象（
window或global） - 如果写在一个普通函数内部，就继承那个普通函数执行时的 this
- 如果嵌套多层普通函数，就继承最近一层普通函数的 this
为什么说“声明时捕获”但又不是绝对静态
因为外层普通函数的 this 本身是动态的（由调用方式决定），所以箭头函数看似“静态”，实则间接跟随外层变化：
-
obj.method()调用时，外层函数method的 this 是obj，里面的箭头函数也就拿到obj -
const fn = obj.method; fn()调用时，外层函数method的 this 变成undefined（严格模式）或window，箭头函数也跟着变
常见误用：以为箭头函数能“固定住实例 this”
错误写法：button.addEventListener('click', () => this.handleClick());
问题在于：这里的 this 不是指 button，而是指外层作用域的 this（比如类实例或全局）。但如果你把这行代码写在类方法里，且该方法被正确调用（如 obj.handleClickWrapper()），那箭头函数确实能拿到 obj —— 因为捕获的是 handleClickWrapper 执行时的 this。
真正可靠的 this 绑定方式
别依赖箭头函数“看起来像闭包”来保 this，要明确控制源头：
立即学习“Java免费学习笔记（深入）”；
- 类中用字段语法定义方法：
handleClick = () => { ... }，靠的是语法糖在构造时绑定到实例 - 构造函数里显式
bind：this.handleClick = this.handleClick.bind(this) - 事件监听时传绑定函数：
el.addEventListener('click', this.handleClick.bind(this)) - 需要动态上下文时，改用普通函数 +
call/apply
