【javascript】解决setTimeout不能传参的问题

最新推荐文章于 2021-01-20 13:58:50 发布
原创 最新推荐文章于 2021-01-20 13:58:50 发布 · 2.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #function #ie

本文介绍了在使用JavaScript的setTimeout函数时遇到的一个常见问题——无法直接向回调函数传递参数，并提供了一个简单有效的方法来解决这个问题。
setTimeout函数是javascript中实现动态效果最关键的函数。但昨天在写代码的时候发现当第一个参数是函数调用的时候，不能向被调函数传递参数。这真是个非常严重的问题，我排查了好久才发现问题，浪费了N多时间啊。。

后来上网查了查，这其实是IE的一个BUG。解决方法有很多，其中我觉得最牛的一种就是重写setTimeout函数。。。这个太麻烦了。。这里推荐一种十分简单的方法。只需要在你要调用的函数前加上function{}关键字就行了。
示例：
function ShowMsg(x,y)
{

}
setTimeout(funtion(){ShowMsg(x,y)},1000);

这样就方便地解决了不能传参的问题。


JQuery中SetTimeOut传参问题探讨
10-27
标题中提到的“JQuery中SetTimeOut传参问题探讨”说明我们要探讨的是在使用JavaScript的JQuery库进行编程时，如何在使用`setTimeout`或`setInterval`函数时传递参数的问题。`setTimeout`和`setInterval`是JavaScript...
JavaScript中setTimeout和setInterval函数的传参及调用
10-22
在JavaScript编程中，我们经常需要处理时间延迟或周期性任务执行的需求，这时会用到setTimeout和setInterval这两个全局函数。 setTimeout函数用于在指定的毫秒数后执行一次代码块，而setInterval则用于每隔指定的...
关于setTimeout不能传递参数的问题
Nothing iS ImPossible
09-12 452
<script language="javascript"> /**//*     功能：修改 window.setTimeout，使之可以传递参数和对象参数     使用方法： setTimeout(回调函数,时间,参数1,,参数n) */ var __sto = setTimeout; window.setTimeout = function(callback,timeout,pa...
原生JS面试题：setTimeout的第二个参数是0
jiang7701037的博客
12-13 3832
//一、 for(var i=1;i<=3;i++){   setTimeout(function(){       console.log(i);       },0);   };  //结果全是4。 /* //解释： // 虽然 setTimeout的时长是0，但是，也是启动了异步操作，而JavaScript本身是单线程的。 //所以，setTimeout的回调函数的代码（consol...
setTimeout函数传递参数的“姿势”
愤怒的苹果ext的博客
07-02 385
setTimeout传参，我主要是做一个发送完验证码倒计时的功能，下面贴代码: var timeout = 60; function changeSendSmsButtonSecond(buttonId) { timeout--; if(timeout <= 0 ){ timeout = 60; $(buttonId).text("获取验证码") }else{.
setTimeout的第二个参数
lnn2007的专栏
11-21 2133
本来认为setTimeout函数只是一个简单的不能再简单的函数，今天汗了一把。 今天看到百度的源码是这么写的,(function(){ ..... try{ document.documentElement.doScroll("left") }catch(e){ setTimeout(arguments.callee,0);//arguments.callee是闭包函数 return;
JavaScript中setTimeout和setInterval函数的传参及调用_.docx
10-09
JavaScript 中 setTimeout 和 setInterval 函数的传参及调用 在 JavaScript 中，setTimeout 和 setInterval 函数都是用于在指定的时间点执行某个函数的，但是它们的传参方式和调用方式却有所不同。 setTimeout ...
JavaScript实现向setTimeout执行代码传递参数的方法
12-04
但昨天在写代码的时候发现当第一个参数是函数调用的时候，不能向被调函数传递参数。这真是个非常严重的问题，我排查了好久才发现问题，浪费了N多时间啊。。 后来上网查了查，这其实是IE的一个BUG。解决方法有很多，...
javascript setTimeout和setInterval计时的区别详解
10-27
在使用setTimeout或setInterval时，如果函数需要参数，则不能直接使用函数名作为回调函数，因为这会导致函数立即执行。要解决这个问题，可以使用匿名函数或者函数封装的方法来正确地传递参数。 以setTimeout为例，...
关于setTimeout要注意的
zerofine的专栏
04-10 512
1.首先setTimeout函数里面不能传递参数for(var i = 0;i &lt; 4;++i){setTimeout(function(i){console.log(i)},100)}答案是undefined,这里虽然有考虑到函数是按值传递的，但是却没有拿到值，这个函数参数是否没有意义for(var i = 0;i &lt; 4;++i){(function(num){setTimeout...
setTimeout第二个参数是0
lcyouni的博客
09-26 1127
setTimeout第二个参数是0 1.使用var声明变量 for(var i=1;i<=3;i++){ setTimeout(function(){ console.log(i); },0); }; 结果全部都是4， 解释： 虽然 setTimeout的时长是0，但是，也是启动了异步操作，而JavaScript本身是单线程的。 所以，setTimeout的回调函数的代码（console.log(i)）必须等到循环执行完毕后再执行。 而且使用var在for循环中声明
你应该知道的 setTimeout 秘密
weixin_33932129的博客
01-10 725
计时器setTimeout是我们经常会用到的，它用于在指定的毫秒数后调用函数或计算表达式。 语法：setTimeout(code, millisec, args); 注意：如果code为字符串，相当于执行eval()方法来执行code。 当然，这一篇文章并不仅仅告诉你怎么用setTimeout，而且理解其是如何执行的。 1、setTime...
关于setTimeOut传参数问题
终于杨帆起航
03-28 485
无论是window.setTimeout还是window.setInterval，在使用函数名作为调用句柄时都不能带参数。  先看一个简单的代码：  function show(){ alert("Hello World"); } setTimeout(show,1000); 这段代码的效果是在1秒后显示hello world，但是
JavaScript中setTimeout()的用法详解
热门推荐
suwu150
01-16 12万+
要使用 clearTimeout( ), 我们设定 setTimeout( ) 时, 要给予这 setTimout( ) 一个名称, 这名称就是 timeoutID , 我们叫停时, 就是用这 timeoutID来叫停, 这是一个自定义名称,。这处的 flag 是一个变数, 可任意取名, 我们用 flag来称呼这变数的原因, 是因为这变数好处一支旗, 将旗竖起 (flag is on), 就会产生一个作用, 将旗放下 (flag is off), 就产生另一个作用。
js 详解setTimeout定时器
aosangba5494的博客
05-09 241
setTimeout: 定时器函数 第一个参数是匿名函数，第二个参数是延迟执行时间 setTimeout(function(){},time) 注意: 1.setTimeout函数是Window对象提供的方法，因此this默认指向window，可以通过bind/call/apply改变this指向 2.setTimeout函数的真正执行时间是在所有可执行的代码执行完毕后...
JavaScript中的setTimeout函数
remygo的专栏
08-09 709
JavaScript中setTimeout(fn, 0) 函数的研究
setTimeOut的多个参数使用
weixin_49160916的博客
01-20 1567
setTimeOut方法 一般情况下，我们使用setTimeout函数只有两个参数，第一个参数表示即将要执行的函数表达式，第二个参数表示要等待的时间毫秒数**（1s = 1000ms）**，即： <script type="text/javascript"> setTimeout(function(){ console.log('Hello~'); }, 1000) </script> 执行上述代码则控制台在浏览器控制台输出Hello~ 多个参
封装函数不支持传参怎么解决
最新发布
11-11
在 Auto.js 或 JavaScript 脚本环境中，**“封装函数不支持传参”通常是误解或语法错误导致的假象**。实际上，JavaScript 完全支持函数参数传递。如果你遇到了“无法传参”的问题，可能是以下几种常见原因造成的。 --- ### ✅ 正确答案：JavaScript 支持函数传参，只需正确编写 ```javascript // ✅ 正确的函数定义与传参示例（Auto.js 完全兼容） function clickButton(x, y) { click(x, y); sleep(500); } function logInfo(tag, msg) { console.log(`【${tag}】: ${msg}`); } // 调用时正常传参 clickButton(500, 1000); logInfo("初始化", "脚本开始运行"); ``` 上述代码在 Auto.js 中完全可以正常运行。 --- ## ❌ 常见“不能传参”的误区及解决方案 ### 1. ❌ 错误写法：把函数名当成字符串传递给 `threads.start()` 或 `setInterval` ```js // ❌ 错误！这样不会传参 setTimeout("clickButton(500, 1000)", 1000); ``` #### ✅ 正确做法：使用匿名函数包裹 ```js // ✅ 正确方式一：用箭头函数或 function 匿名函数包装 setTimeout(() => clickButton(500, 1000), 1000); // ✅ 正确方式二：直接传函数引用 + 参数数组（部分环境支持） // 注意：Auto.js 不支持 setTimeout(fn, delay, arg1, arg2) // 所以推荐使用闭包 ``` --- ### 2. ❌ 在 `auto.waitFor()` 后执行的函数中丢失上下文 有些用户尝试这样写： ```js auto.waitFor(); launchApp("某应用"); someFunction("test"); // 报错？找不到函数？ ``` #### ✅ 解决方案： 确保函数定义在调用之前，并且没有被作用域隔离。 ```js // ✅ 把函数提前声明 function someFunction(msg) { toast(msg); } auto.waitFor(); someFunction("Hello"); // ✅ 可以正常传参 ``` --- ### 3. ❌ 使用 `eval` 或动态执行字符串导致参数失效 ```js // ❌ 危险又不可靠 eval('clickButton(100, 200)'); ``` #### ✅ 替代方案：使用映射表 + 函数对象 ```js const actions = { click: (x, y) => click(x, y), swipeUp: () => gesture(500, [device.width/2, 80%], [device.width/2, 20%]) }; // 动态调用带参函数 actions.click(500, 1000); ``` --- ### 4. ✅ 封装通用图像点击函数并支持传参（实用案例） 你想封装一个可复用的图像识别点击函数： ```js /** * 图像识别并点击中心位置 * @param {string} imagePath 模板图路径 * @param {Array} region [x, y, w, h] 搜索区域 * @param {number} threshold 相似度阈值 * @returns {boolean} 是否成功点击 */ function findAndClick(imagePath, region, threshold = 0.8) { const template = images.read(imagePath); if (!template) { console.error(`❌ 模板图不存在: ${imagePath}`); return false; } const screen = captureScreen(); if (!screen) { console.error("❌ 截图失败"); images.recycle(template); return false; } const point = images.findImage(screen, template, { region: region, threshold: threshold }); if (point) { const cx = point.x + template.getWidth() / 2; const cy = point.y + template.getHeight() / 2; click(cx, cy); log(`🖱️ 成功点击图像: ${imagePath}`); sleep(600); } else { log(`❌ 未找到图像: ${imagePath}`); } // 回收资源 safeRecycle(screen); safeRecycle(template); return !!point; } // ✅ 如何调用？传参即可！ findAndClick("/sdcard/脚本/小图/磨损区间.png", [198, 983, 160, 185], 0.8); findAndClick("/sdcard/脚本/小图/磨损度.png", [19, 1181, 138, 126], 0.9); ``` > ✅ 这就是典型的“支持传参”的高复用性封装函数。 --- ### 5. ✅ 特殊情况：某些 Auto.js 版本对多线程传参有限制 Auto.js 的 `threads.start(function)` 不支持直接传参： ```js // ❌ 以下写法无效 threads.start(function(arg) { console.log(arg); // undefined }, "hello"); ``` #### ✅ 解决方法：使用闭包捕获变量 ```js let arg = "hello"; threads.start(() => { console.log(arg); // ✅ 输出 hello }); ``` 或者使用立即执行函数模式： ```js function createTask(data) { return function () { console.log("任务数据:", data); }; } threads.start(createTask("测试数据")); ``` --- ## ✅ 总结：如何解决“封装函数不支持传参” | 问题 | 解决方案 | |------|----------| | 函数不能接收参数？ | 确保语法正确：`function fn(a,b){}` | | `setTimeout` 无法传参？ | 用 `( ) => fn(x,y)` 包裹 | | 多线程无法传参？ | 使用闭包或创建工厂函数 | | 函数未定义就调用？ | 移动函数到顶部或使用 `var` 提升 | | 动态执行带参函数？ | 使用对象映射 + 函数引用 | --- ##
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值