箭头函数没有自己的this，而是静态捕获定义时外层最近非箭头函数作用域的this值；其this由声明位置决定，与调用方式无关，故不能作为构造函数或对象方法直接定义。
箭头函数不绑定自己的 this，而是**直接沿用外层普通函数作用域中的 this 值**——它没有独立的执行上下文，所以不存在“继承”过程，而是静态捕获定义时所在词法作用域的 this。
为什么箭头函数没有自己的 this
普通函数调用时，this 的值取决于**如何被调用**（如 obj.fn() 中 this 是 obj）；而箭头函数在定义时就确定了 this，和调用方式无关。它内部根本不存在 this 绑定逻辑，解析时直接向外层作用域查找。
关键规则：看定义位置，不是调用位置
箭头函数的 this 由它**声明时所在的最近一层非箭头函数**决定：
- 如果定义在全局作用域，
this指向全局对象（浏览器中是window，严格模式下是undefined） - 如果定义在某个对象方法里（该方法是普通函数），箭头函数的
this就等于那个方法的this - 嵌套多层也没关系，一直向上找，直到遇到第一个普通函数或全局作用域
常见误用与对比示例
下面代码清晰展示差异：
立即学习“Java免费学习笔记（深入）”；
const obj = {
name: 'Alice',
regularFn() {
console.log('this in regularFn:', this.name); // Alice
const arrowFn = () => {
console.log('this in arrowFn:', this.name); // Alice —— 沿用 regularFn 的 this
};
arrowFn();
},
arrowMethod: () => {
console.log('this in arrowMethod:', this.name); // undefined（全局 this，不是 obj）
}
};
obj.regularFn(); // 正常输出 Alice / Alice
obj.arrowMethod(); // 输出 undefined
实际应用建议
利用这一特性解决常见问题：
-
事件回调或定时器中保持 this：在对象方法内用箭头函数写
setTimeout或addEventListener回调，避免手动bind(this) -
避免在对象字面量中直接定义箭头方法：像
fn: () => {...}这种写法，this不指向对象本身，而是外层作用域 -
构造函数或类方法中谨慎使用：类中方法默认是普通函数，其内部箭头函数能正确访问实例
this；但类字段箭头函数（如handler = () => {...}）会绑定创建时的this，适合做事件处理器
