Question

与ReactJS中的常规函数相比，它有时会有助于处理this关键字吗？因为在通过组件传递函数时我们需要非常仔细地考虑这个关键字，所以请帮助我理解箭头函数的帮助。

Answer 1

箭头功能缺乏范围。例如：

function outer()
{
  function inner()
  {
    console.log(this) //Refers to inner function
  }
  inner();
}

function outerTwo()
{
  let inner = () => {
    console.log(this) //refers to outer
  }
  inner();
}

outer();
outerTwo();

如果您尝试使用箭头函数进行原型方法定义，并在那里使用this，那么它将引用窗口/全局上下文。因为它不具有自己的范围。因为它们缺少范围，所以它们对于方法注入很有用，它们可以引用调用它们的容器。因此，为什么它们经常被用作回调。

Answer 2

你自己回答了这个问题。使用箭头函数可以帮助您引用给定组件的this上下文，有时也会使用它，因为它更短，因此写入速度更快。

reactJS中箭头函数的用途是什么？

2 个答案: