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

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

  1. 字符串形式
  2. 在函数内部return一个函数
  3. 修改 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)
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
在使用setInterval函数时,函数名不需要括号。如果上括号,就相当于执行函数并将返回值传入setInterval函数,而不是将函数本身传入。因此,正确的写法是函数名后面不括号。例如,setInterval(Test, 1000)是正确的写法。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [js定时器实例分享](https://download.csdn.net/download/weixin_38602982/13204442)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [JavaScript :浅谈setInterval和setTimeout定时器函数调用后面为何不加括号](https://blog.csdn.net/haduwi/article/details/105878779)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [JS种setInterval和setTimeout中参数括号的问题](https://blog.csdn.net/m0_51525349/article/details/115600386)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值