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);会立即执行且只执行一次?
setInterval第一个参数是待执行函数,即时间到了后要执行的函数,而当你传入tom()时,setInterval在存的时候就已经执行了该函数了。
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
,你还期望什么呢?
要么
var tom = function tom(){ console.log('x');};
setInterval(tom,2000);
要么
var tom = function tom(){ console.log('x');};
setInterval(()=>{
tom();
},2000);
注意: setTimeout 的第一个参数是函数对象,一个常犯的错误是这样的 setTimeout(foo(), 1000), 这里回调函数是 foo 的返回值,而不是foo本身。 大部分情况下,这是一个潜在的错误,因为如果函数返回 undefined,setTimeout 也不会报错。
setInterval类似;
参考链接: JavaScript 秘密花园v