setTimeout 传参数

最新推荐文章于 2024-08-16 10:08:38 发布

云绻

最新推荐文章于 2024-08-16 10:08:38 发布

阅读量307

点赞数

CC 4.0 BY-SA版权

分类专栏：代码练习

本文链接：https://blog.youkuaiyun.com/weixin_42322307/article/details/94132224

代码练习专栏收录该内容

9 篇文章

订阅专栏

function sT(value,ms){
     var ms=ms;
     var b=value;
     function fn(b){
         console.log(value);
     }
     var b=setTimeout(fn,ms);
     return b;
}
sT('qqq',10000);

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

云绻

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

setTimeout传参数传递多个参数的问题

caicai0328的专栏

07-04

6715

在javascript编程中常用到setTimeout函数定时执行某函数，可在给函数传参时容易出现问题，这里是自己在工作过程中的总结： 1、采用字符串 setTimeout("start(" + argu + ")",1000) 此方法用于传递字符串，无法传递对象 2、匿名函数 setTimeout(function(){ start(argu)},1000); 调用start函数并传a

JavaScript:如何给setTimeout传递参数

feinifi的博客

01-06

4255

本文介绍一种在使用异步函数setTimeout时给其带上参数的方法。

参与评论您还未登录，请先登录后发表或查看评论

javascript setTimeout()传递函数参数(包括传递对象参数)

10-29

由于需要，我要用到setTimeout（）并且在里边的函数参数传递一个参数，就像这样setTimeout（"fun(参数)", 1000）。但是以我这种写法，js会报错，说‘参数’未定义。

js setTimeout 参数传递

热门推荐

yousuf007的专栏

02-15

1万+

window.settimeout()方法要调用带参数的函数有两种方法： 1. function init(){ var url = "<%=basePath%>fetchwater.do?method=searchRealWater&xzqh=" + "<%=xzqh%>" + "&rand="+Math.random(); //alert(url); window.setTimeout(function(){

setTimeOut传参数

zhangqifeng专栏

08-19

904

无论是window.setTimeout还是window.setInterval，在使用函数名作为调用句柄时都不能带参数。先看一个简单的代码： function show(){ alert("Hello World"); } setTimeout(show,1000); 这段代码的效果是在1秒后显示hello world，但是如果改成 setTim

setTimeOut如何传参数

勿忘初心的博客

06-15

7695

无论是window.setTimeout还是window.setInterval，在使用函数名作为调用句柄时都不能带参数。先看一个简单的代码： function Hello(){ alert("Hello World"); } setTimeout(Hello,1000); 这段代码的效果是在1秒后显示Hello World，但是如果改成setTimeOut(Hello(),

js setTimeout 参数传递使用介绍

12-12

window.settimeout()方法要调用带参数的函数有两种方法： 1. 代码如下: function init(){ var url = “<%=basePath%>fetchwater.do?method=searchRealWater&xzqh=” + “<%=xzqh%>” + “&rand=”+...

JS中【setTimeout】使用注意事项总结

2301_79858914的博客

08-16

1679

setTimeout是JavaScript中非常强大且常用的工具，但其异步特性、作用域问题以及潜在的性能影响需要开发者在使用时加以注意和正确处理。理解这些细节可以帮助你更有效地控制代码执行的时机，避免常见的错误和陷阱。

使用自定义setTimeout和setInterval使之可以传递参数和对象参数

12-09

/****************************************************** // // 功能: 修改window.setTimeout,使之可以传递参数和对象参数 // 使用方法: window.setTimeout(回调函数,延迟时间,参数1,参数n) // ******************...

setTimeout传参

weixin_34288121的博客

04-21

114

unction test(s) { alert(s); } window.setTimeout(function(){test('str');},1000); 这样就可以了...为什么是这样呢.因为setTimeout要求的第一个参数是函数...比如setTimeout(a_fun,1000)这样是可以的,a_fun是一个函数.但是setTimeout(a_fun(),1...

setTimeOut传参数(转)

az44yao的专栏

02-15

659

突然想到在一个函数中延时调用另外一个函数，在JQuery1.3.2中没有发现相应方法，在网上搜索，搜集如下，特做个完整保存： (1)转自：http://blog.youkuaiyun.com/nsrainbow/article/details/2370329 原文如下无论是window.setTimeout还是window.setInterval，在使用函数名作为调用句柄时都不能带参数。

setTimeout传参数

通往架构师之路

02-11

927

var timeoutID = ""; function clk(s){ clearTimeout (timeoutID);//取消调用方法,这样写的话可以避免连续1秒钟内多次点击按钮 timeoutID = setTimeout(function(){alert(s)},1000);//延迟1秒钟调用方法 setTimeout(function(){alertMsg(s

setTimeout调用带参数的函数的方法

sunbirdhan的专栏

11-12

5709

function test(s) { alert(s); } window.setTimeout(function(){test('str');},1000); 这样就可以了... 为什么是这样呢. 因为setTimeout要求的第一个参数是函数...比如setTimeout(a_fun,1000)这样是可以的,a_fun是一个函数. 但是setTimeout(a_fun(

setTimeout 传参

djp0910的博客

08-06

241

一般setTimeout中的参数为　　 setTimeout(f,time)但是如果我想要给f函数传入一个参数怎么办　　setTimeout(f(arguments),time) 如果我这样写的话，那么time就不起作用了，f函数会立即执行，因为函数名后跟圆括号一、让f(arguments)返回一个无参函数function f(arguments){ 　　return fun...

setTimeOut传参

weixin_43837268的博客

04-05

497

setTimeout(()=>{ var rec=util.startInputPWD() if(rec!=null){ this.loading = false; that.toIndex1(item); ...

setTimeout 传参

zluyao_的博客

01-06

204

function getProgress(name,type) { console.log(name+' : '+type) } //setTimeout("getProgress(name,type)", 3000) //报错 setTimeout(getProgress.bind(null, 1), 4000); setTimeout(getProgress, 4000,1,'f'); s

setTimeout函数的参数

qq_44284088的博客

10-08

3453

setTimeout函数的参数平常用setTimeout的时侯 setTimeout(function,timer) 查阅setTimeout的函数原型 var timeoutID = setTimeout(function[, delay, arg1, arg2, ...]); var timeoutID = setTimeout(function[, delay]); var timeoutID = setTimeout(code[, delay]); 类似于 var timeoutID

setTimeout传数据

最新发布

03-15

<think>嗯，用户问的是如何在JavaScript的setTimeout中传递参数。我需要先回顾一下setTimeout的基本用法。根据引用[1]，setTimeout的语法是setTimeout(function, milliseconds)，但默认情况下，直接传递参数可能不太直观。比如，如果直接写setTimeout(func(arg1, arg2), 1000)，这样func会立即执行，而不是延迟执行。所以用户可能遇到了这个问题，想了解正确的传参方法。接下来，想到有三种方法。第一种是使用匿名函数包裹，在匿名函数内部调用目标函数并传入参数。这种方法简单直接，如示例中的例子。不过需要注意，如果有变量在之后被修改，可能会影响结果，这时候可能需要用闭包或者立即执行函数来保存当前值。第二种方法是通过setTimeout的附加参数。从引用[2]中提到的MDN文档，setTimeout允许在第三个及之后的参数中传递参数，这些参数会作为回调函数的参数。比如setTimeout(func, 1000, arg1, arg2)。但需要注意兼容性，虽然现代浏览器都支持，但老版本IE可能不支持。第三种方法涉及更复杂的场景，比如需要传递动态参数或在循环中使用。这时候可能需要结合闭包或者bind方法。例如，在循环中使用立即执行函数来捕获当前的i值，避免所有回调都引用同一个变量。或者使用bind来预设参数，如func.bind(null, arg1, arg2)，这样执行时参数就固定了。用户可能还关心异步处理和Promise的结合。根据引用[4]，可以用Promise封装setTimeout，这样在.then中处理参数会更清晰。不过用户的问题主要是传参，这部分可能需要扩展说明，比如在Promise内部如何传递参数。还需要注意参数的本质，引用[3]提到函数的参数处理，包括剩余参数。在setTimeout的回调中，如果使用附加参数，它们会按顺序传递给回调函数，可以用...rest来接收剩余参数。最后，测试示例是否正确。比如，匿名函数包裹和附加参数方法是否真的能正确传递参数。可能需要提醒用户在实际使用时注意作用域和变量生存期的问题，特别是在异步上下文中变量可能已经被改变的情况。</think>### 通过`setTimeout`传递参数的三种方法 #### 1. 匿名函数包裹（基础方法） ```javascript setTimeout(function() { myFunction("参数1", "参数2"); }, 1000); ``` **原理**：通过创建闭包保存参数值 **注意**：若参数是动态变量，需用立即执行函数保存当前状态： ```javascript for (var i = 0; i < 5; i++) { (function(currentI) { setTimeout(function() { console.log(currentI); }, 1000); })(i); } ``` #### 2. setTimeout附加参数（ES6+推荐） ```javascript setTimeout(myFunction, 1000, "参数1", "参数2"); ``` **特性**： - 第三个参数开始为回调参数 - 兼容性：IE10+[^2] - 支持多参数传递： ```javascript const data = { id: 123, name: "test" }; setTimeout((a, b, c) => { console.log(a, b, c); // 输出 10, 20, { id: 123, name: "test" } }, 1000, 10, 20, data); ``` #### 3. bind()方法绑定上下文 ```javascript const boundFunction = myFunction.bind(null, "固定参数"); setTimeout(boundFunction, 1000); ``` **优势**： - 可预设参数 - 可绑定执行上下文 - 支持柯里化： ```javascript function log(prefix, message) { console.log(`[${prefix}] ${message}`); } setTimeout(log.bind(null, "DEBUG"), 1000, "系统启动完成"); // 输出：[DEBUG] 系统启动完成 ``` ### 进阶应用：Promise封装 ```javascript function delay(milliseconds, ...args) { return new Promise(resolve => { setTimeout(resolve, milliseconds, ...args); }); } delay(1000, "传输数据").then(data => { console.log("接收:", data); // 1秒后输出「接收: 传输数据」 }); ``` ### 注意事项 1. **内存泄漏风险**：传递DOM元素时需手动解除引用 2. **参数序列化**：对象参数会保持引用而非拷贝 3. **严格模式**：`setTimeout`回调中的`this`默认指向`window`/`global`