setInterval等里面的函数不能带参数怎么处理

最新推荐文章于 2024-08-06 14:51:05 发布

baby加油_

最新推荐文章于 2024-08-06 14:51:05 发布

阅读量3.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签：函数不能带参数

本文链接：https://blog.youkuaiyun.com/qq_34664239/article/details/84031657

js 专栏收录该内容

68 篇文章

订阅专栏

本文探讨了在JavaScript中如何解决window.setTimeout和window.setInterval定时器函数无法直接传递参数的问题，介绍了三种方法：使用字符串形式的代码片段、在函数内部返回一个函数以及修改setInterval以支持参数传递。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

无论是window.setTimeout还是window.setInterval，在使用函数名作为调用句柄时都不能带参数，而在许多场合必须要带参数，这就需要想方法解决。经网上查询后整理如下：

字符串形式
在函数内部return一个函数
修改 window.setInterval ，使之可以传递参数和对象参数

字符串形式

var name = 'jack';
function a(name){
	console.log('hello'+name)
}
setInterval('a(name)',200)

这里的字符串是一段JavaScript代码，其中的name表示的是变量，而且经测试，这个变量要是个全局的，如果是在某函数里面如此调用 setTimeout，而此变量只是个函数内部变量的话，是会报变量不存在的。
但这种写法不够直观，而且有些场合必须使用函数名

在函数内部return一个函数

var name = 'rose';
function a(name){
	return function(){
		console.log('hello '+name)
	}
}
setInterval(a(name),2000)

修改 window.setInterval ，使之可以传递参数和对象参数

方法： setInterval (回调函数,时间,参数1,参数n) 参数可为对象:如数组等

var userName="jack";
//根据用户名显示欢迎信息
function hello(_name){
       console.log("hello,"+_name);
}
var __sto = setInterval;     
window.setInterval = function(callback,timeout,param){
    var args = Array.prototype.slice.call(arguments,2);
    var _cb = function(){     
        callback.apply(null,args);     
    }     
    return __sto(_cb,timeout);     
}
var interval1 = window.setInterval(hello,1000,userName);
setTimeout(function(){
    clearInterval(interval1)
},5000)