javascript - 没有箭头功能的setInterval函数

Question

我正在按照文档 https://facebook.github.io/react/docs/state-and-lifecycle.html 学习 React 组件

这里为什么要用箭头函数:

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

为什么我不能直接说(显然是行不通的)

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

Answer 1

setInterval 的第一个参数是function 类型。如果你这样写:

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

...那么您不传递函数，而是立即执行函数 this.tick，然后将该函数调用返回的值作为参数传递。

你可以这样写:

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

如果省略括号，则传递对 this.tick 函数的引用，然后在 1000 毫秒后由 setInterval 执行。