一直有个疑惑,在定时器上调用某个方法时,加括号和不加括号有什么区别。今天做了个实验,发现,不加括号定时器会每秒执行一次,加了括号只会执行一次,在一些浏览器上会报错,如IE,但一样会正常执行一次。
文章图片
这样写浏览器会正常运行,每秒打印一次。
文章图片
但如果加了个括号
文章图片
运行结果就只有一次
文章图片
并且在IE浏览器会报错,但依然会执行一次
文章图片
并且,如果全局范围内没有sw这个函数,只有变量的话,定时器不会执行。
最后,我得出一个结论,定时器默认调用的是函数,可以把方法写在里面,setInterval(function(),1000)。也可以写在外面,如我上面的例子。如果写在外面,调用的时候不要加括号。如果加括号定时器只会调用一次。我想,加括号应该会变成自调函数了。不加括号是这样的setInterval(function(),1000),加括号就变成这样了:setInterval(function()(),1000);
应该是这个原因导致定时器只执行一次的。
只以此为例,猜想其他的方法是不是也一样?如animate()。
如果我的理解错误,欢迎指出。谢谢!
补充:
最近有看到一些人写的setInterval,里面用的是字符串,就像这样:setInterval("xxxxx",1000)。这种写法确实可行,但不论是代码的整洁性还是封装性,这样写都不好。MDN里也有提到:
文章图片
而针对本文的主题,这里也更新一下
这是MDN对setInterval的说明,既如此,setInterval(aa,1000)与setInterval(aa(),1000)就很好理解了,在js中,函数是一个对象,函数名也就是一个指向该对象的一个指针而已,所以这里应该直接传递的是函数名。setInterval()
方法重复调用一个函数或执行一个代码段,在每次调用之间具有固定的时间延迟。
【浅谈setInterval(aa,1000)与setInterval(aa(),1000)的区别】至于在函数名后面加个括号,这就是函数的执行了,理论上是不可行的。具体的表现行为,根据js的宿主环境,也会有一点差异。
推荐阅读
- java|2022年支付宝集五福|看这里100%扫敬业福
- html5|腾讯漫画(js逆向)
- opencv|opencv.js 之官网教程翻译加代码
- 微信小程序|微信小程序——简单饮食推荐(三)
- javascript|vue学生管理系统
- typescript|Typescript总结(三)——函数类型详解
- vue|vue基础语法
- Vue.js|VUE全家桶系列之基本知识点
- Vuejs|Vue全家桶之组件基础(二)