JS中setInterval、setTimeout不能传递带参数的函数的解决方案
2023-09-11 14:19:51 时间
在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。
相关文章
- JS框架_(coolShow.js)图片旋转动画特效
- JS框架_(JQbar.js)柱状图动态百分比进度条特效
- JS框架_(Popup.js)3D对话框窗口插件
- JS框架_(Esign.js)仿信用卡电子签名特效
- JS框架_(JQuery.js)点赞按钮动画
- js笔记——js里的null和undefined
- js
- Node.js进程管理之Process模块
- js web简单的路由管理器
- js放大镜
- [Node.js] Using ES6 and beyond with Node.js
- js跨域问题解决方案
- [Vue] Lazy Load a Route by using the Dynamic Import in Vue.js
- Atitit 研发体系 codelib 代码库的建设 目录 1. 概念与组成2 1.1. Java代码2 1.2. Js代码2 1.3. H5 代码 js+css+htm+txt2 1.4.
- Atitit.js图表控件总结
- Atitit.js this错误指向window的解决方案
- Atitit.js this错误指向window的解决方案
- Atitit.js this错误指向window的解决方案
- Atitit 文件上传 架构设计 实现机制 解决方案 实践java php c#.net js javascript c++ python
- Atitit.js跨域解决方案attilax大总结 后台java php c#.net的CORS支持
- 使用 Node.js Express 的最佳实践
- Stimulsoft Reports.JS 2022.1.0
- leetcode 1019. 链表中的下一个更大节点 js实现
- js实现lodash的 keyBy 和 maxBy
- 浏览器的自动翻译会影响 JS 逻辑
- 移动应用滑动屏幕方向判断解决方案,JS判断手势方向
- 【JS高级】js之正则相关函数以及正则对象_02