为什么setInterval(tom(),2000);会立即执行且只执行一次？

Question

var tom = function tom()[alert('x');};
setInterval(tom(),2000);
//立即执行,执行一次后不再执行
与
var tom = function tom()[alert('x');};
setInterval(tom,2000);
//很多秒之后执行，之后2秒一次

请问在setInterval中，tom与tom()为什么会有这种区别?
为什么setInterval(tom(),2000);会立即执行且只执行一次？

Answer 1

var tom = function tom(){alert('x');};
setInterval(tom(),2000);

当问“立即执行,执行一次后不再执行”时，我猜你指的是“alert被立即执行了，并且此后没再执行”。下面我们来看看文档中是怎么介绍setInterval方法的：

注意func的要求是一个函数，然后这个函数将会被不断的重复调用。

你再看看你传的是什么？是tom()，这是what？这是一个函数调用，函数调用就会有返回值，所以你的setInterval(tom(),2000);的实际效果是：

var tom = function tom(){alert('x');};
var res = tom();//res其实是undefined，因为你的tom()并没有指定返回值
setInterval(res, 2000);

所以，每隔2秒都执行一次undefined，你还期望什么呢？

Answer 2

注意: setTimeout 的第一个参数是函数对象，一个常犯的错误是这样的 setTimeout(foo(), 1000)， 这里回调函数是 foo 的返回值，而不是foo本身。 大部分情况下，这是一个潜在的错误，因为如果函数返回 undefined，setTimeout 也不会报错。

setInterval类似;

参考链接： JavaScript 秘密花园v

Answer 3

setInterval第一个参数是待执行函数，即时间到了后要执行的函数，而当你传入tom（）时，setInterval在存的时候就已经执行了该函数了。

Answer 4

要么

var tom = function tom(){ console.log('x');};
setInterval(tom,2000);

要么

var tom = function tom(){ console.log('x');};
setInterval(()=>{
  tom();
},2000);

Answer 5

学习了,正好卡到这个问题上了.赞!