箭头函数的this指向定义时的外层作用域，无法通过call、apply或bind改变，也不能作为构造函数使用。1. 箭头函数不绑定自己的this，而是继承外层上下文的this值，称为词法绑定。2. 无论箭头函数在何处调用，其this始终取决于定义时的环境。3. 普通函数的this是动态绑定，依据调用方式决定：方法调用时指向调用对象，直接调用时非严格模式下指向window，严格模式为undefined，可通过call、apply、bind显式指定。4. 箭头函数常用于回调场景，如setTimeout或数组方法中，能正确访问外层函数的this。5. 若在需要动态this的场景（如事件监听器或对象方法）误用箭头函数，会导致this指向错误。6. 使用箭头函数定义对象字面量的方法时，this可能意外指向全局对象，引发问题。掌握箭头函数的this规则可提升代码可预测性，避免运行时错误。
箭头函数是ES6引入的一种简洁的函数语法，它不仅简化了函数定义，还在 this 的绑定规则上有重要区别。理解箭头函数中的 this 绑定，对掌握现代JavaScript开发至关重要。
箭头函数没有自己的this
与普通函数不同，箭头函数本身不绑定 this。它不会创建自己的执行上下文，因此在定义时就继承外层作用域的 this 值，这个行为称为“词法绑定”（lexical binding）。
这意味着无论箭头函数在哪里被调用，它的 this 都取决于它被定义时所处的环境。
- 箭头函数内的 this 指向定义时的外层函数或全局对象
- 无法通过 call、apply 或 bind 动态改变其 this 指向
- 不能作为构造函数使用（new 调用会报错）
对比普通函数的this绑定
普通函数的 this 是动态绑定，取决于调用方式：
Comprehensive Three.js 3D graphics reference
下载
详细的 Three.js 3D 图形参考，涵盖场景设置、相机、几何体、材质、光照、动画、控制器、加载器、数学工具和调试。
-
方法调用 obj.method() → this 指向 obj
直接调用 func() → 非严格模式下指向 window（浏览器），严格模式为 undefined
call/apply/bind 显式指定 this
而箭头函数完全忽略这些规则，始终使用外层的 this。
实际应用示例
常见于回调函数中，比如在 setTimeout 或数组方法里：
const user = {
name: 'Alice',
greet: function() {
setTimeout(() => {
console.log(`Hello, I'm ${this.name}`); // 正确输出 Alice
}, 100);
}
};
user.greet();
这里的箭头函数从 greet 方法中继承了 this，所以能正确访问 user 对象。如果换成普通函数，this 将指向全局或 undefined，导致 name 为 undefined。
注意事项与陷阱
由于 this 的词法继承特性，以下情况需特别注意：
- 不要在需要动态 this 的场景使用箭头函数，例如事件监听器或对象方法（除非明确不需要动态绑定）
- 嵌套多层时，this 依然追溯最外层非箭头函数的作用域
- 使用箭头函数定义对象字面量中的方法，可能导致 this 意外指向全局
