对象内部箭头函数的值[重复]

Question

我以为我理解了this和箭头函数之间的关系，但是下面的代码片段让我怀疑我的理解。

let person = {
  name: 'Jim',
  sayName: () => {
    console.log(this.name);
  }
};

person.sayName();

我知道箭头函数捕获包含上下文的this值。我原以为这个是对象，但它是窗口。

有人能帮我理解为什么会这样吗？

Answer 1

您对箭头函数的理解基本上是正确的：箭头函数有一个词法this，它在箭头函数中的值由周围的作用域决定。

您可能会假设this在person对象文本中获得不同的值。事实并非如此。

因此，让我们看看这个在您的（全局）范围中引用了什么：

console.log(this === window); // true

let person = {
  name: 'Jim',
  test: console.log(this === window), // true
  sayName: () => {
    console.log(this === window); // true
  }
};

person.sayName();