JavaScript中setTimeout和setInterval函数的传参及调用
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript中setTimeout和setInterval函数的传参及调用,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2112字,纯文字阅读大概需要4分钟。
内容图文
![JavaScript中setTimeout和setInterval函数的传参及调用](/upload/InfoBanner/zyjiaocheng/354/a9a639136e2241c3a75d2e35bc8218ed.jpg)
如何向 setTimeout 、 setInterval 传递参数
看如下代码:
var str = 'aaa'; var num = 2; function auto(num){ alert(num); } setTimeout('auto(num)',4000);
这样写是可以正常工作的,但是如其说这是参数传递,还不如说是直接使用的全局变量。所以,这种写法是没有必要的,一般情况下更多的是用到传递局部变量作为参数。
把代码修改一下:
//var str = 'aaa'; var num = 2; function test(){ var str = 'bbb'; setTimeout('auto(str)',4000); } function auto(a){ alert(a); } test();
这种写法会报错,如果把取消对 str 的全局声明的注释,就会输出 aaa,即函数依然是调用全局变量。
看下面的代码:
//var str = 'aaa'; var num = 2; function test(){ var str = 'bbb'; setTimeout('auto("str")',4000); } function auto(a){ alert(a); } test();
注意上面的 str ,这样写会输出 “str”,也就是说定时器调用函数后,是把 str 直接当作了参数。这样传递的参数永远是字符串。这不是我们想要的结果。
要想传递除字符串意外的参数,可以使用闭包,看下面代码:
//var str = 'aaa'; var num = 2; function test(){ var str = 'bbb'; setTimeout(auto(str),4000); } function auto(str){ return function(){ alert(str); } } test();
输出结果为 ‘bbb',如果给auto(str)加上引号同样会报错。
当然,这样写也是不错的:
var num = 2; function test(){ var str = 'bbb'; //setTimeout(auto(str),4000); setTimeout(function(){alert(str)},4000); } function auto(str){ return function(){ alert(str); } } test();
最后需要注意的是,字不使用闭包传递参数时,定时器调用的函数是要加引号的,不加引号,会报错。以上情形同样适合 setInterval();
setTimeout 、 setInterval 中的函数调用
有如下代码:
var num = 2; function auto(){ alert(num); } setTimeout(auto(),4000);
在这段程序里,测试的时候立刻就可以看到弹出的警告框。也就是说按照以上方法引用函数,定时器是不起作用的。
同样,对于setInterval上面的写法也不能正常工作,程序只能弹出一次警告框,然后报错。
把定时器改为
setInterval('auto()',4000); setTimeout('auto()',4000);
程序可以正常工作。
当不使用auto()调用函数,只使用 auto会是什么样呢?
var str = 'aaa'; var num = 2; function auto(){ alert(num); } //setInterval(auto,4000); setTimeout(auto,4000);
这样写程序都可以正常工作;
如果给auto加上引号
//setInterval('auto',4000); setTimeout('auto',4000);
都不能正常工作。
内容总结
以上是互联网集市为您收集整理的JavaScript中setTimeout和setInterval函数的传参及调用全部内容,希望文章能够帮你解决JavaScript中setTimeout和setInterval函数的传参及调用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。