源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-03-07 06:56 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JS中setInterval、setTimeout不能传递带参数的函数的解决方案
在JS中无论是setTimeout还是setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数, 这就需要想方法解决。 一、采用字符串形式:——(缺陷)参数不能被周期性改变 setInterval("foo(id)",1000); 二、匿名函数包装 (推荐)
[u]复制代码[/u] 代码如下:
window.setInterval(function() { foo (id); }, 1000);
这样就可以周期性执行foo(id)这个函数,而且把变量id传递进去; 三、定义返回无参函数的函数
[u]复制代码[/u] 代码如下:
function foo(id) { alert(id); } function _foo(id) { return function() { foo(id); } } window.setInterval(_foo(id),1000);
这里定义了一个函数_foo,用于接收一个参数,并返回一个不带参数的函数,在这个函数内部使用了外部函数的参数,从而对其调用,不需要使用参数。 在 window. setInterval函数中,使用_foo(id)来返回一个不带参数的函数句柄,从而实现了参数传递的功能。 四、修改setInterval
[u]复制代码[/u] 代码如下:
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。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部