ES6 箭头函数如何处理'this”关键字？

ES6 中的箭头函数和“this”的词法绑定

ES6 中箭头函数的显着特征之一是其独特的处理“this”关键字的。与将“this”动态绑定到函数的调用上下文的常规函数​​不同，箭头函数在词法上将“this”绑定到封闭的词法范围。

这意味着箭头函数中的“this”始终引用该对象包含箭头函数定义。例如：

var testFunction = () => {
  console.log(this);
};

testFunction();

在此代码中，箭头函数中的“this”并不像您推测的那样指粗箭头函数本身。相反，它引用包含箭头函数定义的对象。由于箭头函数是在全局范围内定义的，因此“this”将具有全局上下文。因此，代码的输出将是全局对象。

词法绑定在“this”的值可能在函数执行期间发生变化的情况下很有用。例如，考虑以下示例：

function Person() {
  this.age = 0;

  setInterval(() => {
    this.age++; // |this| properly refers to the person object
  }, 1000);
}

var p = new Person();

在此示例中，箭头函数捕获封闭 Person 对象的“this”值。这确保了增量操作始终在正确的 person 实例上执行，即使 setTimeout 回调被异步调用并且执行上下文已更改。

总之，ES6 中的箭头函数在词法上将“this”绑定到封闭词法范围。这允许“this”引用同一个对象，而不管函数的调用上下文如何，从而更容易在异步或嵌套函数场景中处理“this”。

以上是ES6 箭头函数如何处理'this”关键字？的详细内容。更多信息请关注PHP中文网其他相关文章！