JavaScript 中箭头函数怎么继承外层 this 指向-js教程-PHP中文网

箭头函数没有自己的this，其this值在定义时词法绑定至外层最近普通函数的this；若无外层普通函数，则指向全局对象或undefined（严格模式），且无法通过call/apply/bind或对象调用改变。

javascript 中箭头函数怎么继承外层 this 指向

箭头函数本身不绑定 this，它会直接沿作用域链向上查找，使用外层普通函数或全局作用域的 this 值——这叫“继承外层 this”，本质是词法绑定，不是真正的“继承”。

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

普通函数调用时，this 由调用方式决定（如 obj.fn() 中 this 是 obj）；而箭头函数在定义时就固定了 this，它忽略所有运行时绑定规则（call、apply、bind、对象方法调用等都无法改变它）。

箭头函数 this 的实际来源

它的 this 总是取自**定义时所在词法作用域中最近的一个普通函数**的 this。如果没有外层普通函数，则指向全局对象（浏览器中是 window，严格模式下是 undefined）。

Alibabacloud Sdk Client Initialization For Java

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

下载

在对象方法内定义：this 指向该对象（因为外层普通函数的 this 就是对象）
在构造函数或类方法中定义：this 指向当前实例
在全局作用域定义：this 指向全局对象或 undefined（严格模式）
嵌套多层箭头函数：始终沿用最外层普通函数的 this，中间箭头函数不构成新的 this 绑定层

常见陷阱与对比示例

下面代码能清晰体现差异：

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