箭头函数没有自己的this，因为它不创建执行上下文，而是词法继承定义时外层作用域的this值。普通函数调用时动态绑定this，而箭头函数的this在定义时就固定，无法通过call、apply、bind修改，也不能作为构造函数使用。

箭头函数不绑定自己的 this，而是直接沿作用域链向上查找，继承定义时所在外层函数（或全局）的 this 值。这和普通函数在调用时才动态绑定 this 有本质区别。

为什么箭头函数没有自己的 this

箭头函数在语法设计上就放弃了对 this、arguments、super 和 new.target 的绑定。它不创建自己的执行上下文，因此这些值全部从词法外层“捕获”。这个“外层”指的是函数**声明的位置**，不是调用的位置。

对比普通函数看差异

以下代码直观体现区别：

const obj = {
  name: 'Alice',
  regular() {
    console.log(this.name); // 'Alice'
    setTimeout(function() {
      console.log(this.name); // undefined（非严格模式下是 global）
    }, 100);
  },
  arrow() {
    console.log(this.name); // 'Alice'
    setTimeout(() => {
      console.log(this.name); // 'Alice' ✅ 继承外层 arrow() 的 this
    }, 100);
  }
};
obj.regular();
obj.arrow();

普通函数中，setTimeout 里的回调是独立调用，this 丢失；而箭头函数自动捕获了 arrow() 执行时的 this（即 obj）。

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

立即学习“Java免费学习笔记（深入）”；

继承的是定义时的 this，不是调用时的

注意：箭头函数的 this 在它被创建（定义）那一刻就固定了，后续无论怎么调用都不会改变：

• 不能用 .call()、.apply()、.bind() 修改它的 this
• 不能作为构造函数使用（new 报错）
• 即使把它赋值给另一个对象再调用，this 仍保持原样

常见适用场景

利用 this 继承特性，箭头函数特别适合：

• 事件回调中访问组件实例（如 React 类组件内的方法）
• 定时器、Promise 回调中保持上下文
• 数组方法（map/filter/find）的回调需要访问外围 this