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

解决JS中setTimeout和setInterval使用函数带参数的问题

最新推荐文章于 2018-09-29 17:31:00 发布

转载最新推荐文章于 2018-09-29 17:31:00 发布 · 43 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gisblogs/p/3964769.html

本文介绍了在JavaScript中使用setTimeout和setInterval时，如何在函数调用句柄中传递参数的解决方案，包括采用字符串形式、匿名函数包装、定义返回无参函数的函数以及修改setInterval函数等方法。

在JS中无论是setTimeout还是setInterval，在使用函数名作为调用句柄时都不能带参数，而在许多场合必须要带参数，接下来为大家介绍具体的解决方法

在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。

转载于:https://www.cnblogs.com/gisblogs/p/3964769.html