浅谈setInterval(aa,1000)与setInterval(aa(),1000)的区别

  一直有个疑惑,在定时器上调用某个方法时,加括号和不加括号有什么区别。今天做了个实验,发现,不加括号定时器会每秒执行一次,加了括号只会执行一次,在一些浏览器上会报错,如IE,但一样会正常执行一次。

浅谈setInterval(aa,1000)与setInterval(aa(),1000)的区别_第1张图片

这样写浏览器会正常运行,每秒打印一次。

但如果加了个括号

浅谈setInterval(aa,1000)与setInterval(aa(),1000)的区别_第2张图片

 

运行结果就只有一次

并且在IE浏览器会报错,但依然会执行一次

并且,如果全局范围内没有sw这个函数,只有变量的话,定时器不会执行。

最后,我得出一个结论,定时器默认调用的是函数,可以把方法写在里面,setInterval(function(),1000)。也可以写在外面,如我上面的例子。如果写在外面,调用的时候不要加括号。如果加括号定时器只会调用一次。我想,加括号应该会变成自调函数了。不加括号是这样的setInterval(function(),1000),加括号就变成这样了:setInterval(function()(),1000);应该是这个原因导致定时器只执行一次的。

只以此为例,猜想其他的方法是不是也一样?如animate()。

如果我的理解错误,欢迎指出。谢谢!

补充:

最近有看到一些人写的setInterval,里面用的是字符串,就像这样:setInterval("xxxxx",1000)。这种写法确实可行,但不论是代码的整洁性还是封装性,这样写都不好。MDN里也有提到:

浅谈setInterval(aa,1000)与setInterval(aa(),1000)的区别_第3张图片

而针对本文的主题,这里也更新一下

setInterval() 方法重复调用一个函数或执行一个代码段,在每次调用之间具有固定的时间延迟。

这是MDN对setInterval的说明,既如此,setInterval(aa,1000)与setInterval(aa(),1000)就很好理解了,在js中,函数是一个对象,函数名也就是一个指向该对象的一个指针而已,所以这里应该直接传递的是函数名。

至于在函数名后面加个括号,这就是函数的执行了,理论上是不可行的。具体的表现行为,根据js的宿主环境,也会有一点差异。

你可能感兴趣的:(javaScript)