无论是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)