究竟是什么标识了网站访问者？

Question

Telion

Asked:2020-11-15 03:51:16 +0000 UTC2020-11-15 03:51:16 +0000 UTC 2020-11-15 03:51:16 +0000 UTC

React 中 setInterval 中的函数声明

在学习 React 时，我发现了以下代码：

componentDidMount() {
    this.timerID = setInterval(
      () => this.tick(),
      1000
    );
}

他们为什么this.tick()站在前面()？如果我理解正确，是这种匿名函数声明吗？但毕竟它首先setInterval需要一个函数，而tick()这是这个类的一个方法，也就是说，它是一个函数。

vp_arth · Answer 1 · 2020-11-15T04:14:00Z

Best Answer

vp_arth

箭头函数表达式的语法比函数表达式短，并且在词法上绑定到this值（但不绑定到它们自己的this、arguments、super或new.target）。
箭头函数始终是匿名的。

this.timerID = setInterval(
  () => this.tick(),
  1000
);

实际上等效

let that = this;
this.timerID = setInterval(
  function () { return that.tick();},
  1000
);

为什么要声明一个匿名函数来调用另一个函数？

所以更短、更方便、更清晰。
另一个正确的选项是setTimeout(this.tick.bind(this), 1000)，否则这个对象在刻度内将不可用。它是一个对象方法，而不仅仅是一个函数。