首页 / JAVASCRIPT / JS中setInterval、setTimeout不能传递带参数的函数的解决方案_javascript技巧

JS中setInterval、setTimeout不能传递带参数的函数的解决方案_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JS中setInterval、setTimeout不能传递带参数的函数的解决方案_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1094字，纯文字阅读大概需要2分钟。

内容图文

在JS中无论是setTimeout还是setInterval，在使用函数名作为调用句柄时都不能带参数，而在许多场合必须要带参数，
这就需要想方法解决。
一、采用字符串形式：——（缺陷）参数不能被周期性改变
setInterval("foo(id)",1000);
二、匿名函数包装 (推荐)
代码如下:

window.setInterval(function()
{
foo (id);
}, 1000);

这样就可以周期性执行foo（id）这个函数，而且把变量id传递进去；
三、定义返回无参函数的函数
代码如下:

function foo(id)
{
alert(id);
}
function _foo(id)
{
return function()
{
foo(id);
}
}
window.setInterval(_foo(id),1000);

这里定义了一个函数_foo，用于接收一个参数，并返回一个不带参数的函数，在这个函数内部使用了外部函数的参数，从而对其调用，不需要使用参数。
在 window. setInterval函数中，使用_foo(id)来返回一个不带参数的函数句柄，从而实现了参数传递的功能。
四、修改setInterval
代码如下:

function foo(id)
{
alert(id);
}
var _sto = setInterval;
window.setInterval = function(callback,timeout,param)
{
var args = Array.prototype.slice.call(arguments,2);
var _cb = function()
{
callback.apply(null,args);
}
_sto(_cb,timeout);
}
window.setInterval(hello,3000,userName);

以上的所有方法也适合setTimeout。

内容总结

以上是互联网集市为您收集整理的JS中setInterval、setTimeout不能传递带参数的函数的解决方案_javascript技巧全部内容，希望文章能够帮你解决JS中setInterval、setTimeout不能传递带参数的函数的解决方案_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/316601.html

来源：【匿名】