javascript - 我没有在构造函数中绑定(bind)函数的 "this"，但为什么 "this"不是未定义的？

Question

这个问题已经有答案了:

Are 'Arrow Functions' and 'Functions' equivalent / interchangeable? (4 个回答)

已关闭 3 年前。

我的按钮具有以下 onClick 函数

<button
  onClick={() => this.onDismiss(item.objectID)}
  type="button"
>

我有一个 onDismiss 函数，可以过滤列表并更新我的 React 应用程序。我没有将函数的“this”绑定(bind)到它的构造函数。我故意评论了“this”绑定(bind)，但该应用程序仍然有效。 ES6 箭头函数是否自动将函数的“this”绑定(bind)到 Component 类？我不应该变得未定义吗？

我的codesandbox link

Answer 1

arrow function :

An arrow function does not have its own this. The this value of the enclosing lexical scope is used; arrow functions follow the normal variable lookup rules. So while searching for this which is not present in current scope, an arrow function ends up finding the this from its enclosing scope.

这就是为什么您不需要将组件的范围绑定(bind)到函数。