js问题-解决定时器不能传入函数参数问题
2020-07-13 05:41
169 查看
碎碎念:
在用JavaScript的定时器时 没有参数是一个非常难受的事情。
无论是window.setTimeout还是window.setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必须要带参数,这就需要想方法解决。经网上查询后整理如下:
方法一:
例如对于函数hello(_name),它用于针对用户名显示欢迎信息:
var userName="jack"; //根据用户名显示欢迎信息 function hello(_name){ alert("hello,"+_name); }
这时,如果企图使用以下语句来使hello函数延迟3秒执行是不可行的:
window.setTimeout(hello(userName),3000);
这将使hello函数立即执行,并将返回值作为调用句柄传递给setTimeout函数,其结果并不是程序需要的。而使用字符串形式可以达到想要的结果:
window.setTimeout("hello(userName)",3000);这是方法(一)
这里的字符串是一段JavaScript代码,其中的userName表示的是变量。但这种写法不够直观,而且有些场合必须使用函数名,于是有人想到了如下
方法(二):
<script language="JavaScript" type="text/javascript"> <!-- var userName="jack"; //根据用户名显示欢迎信息 function hello(_name){ alert("hello,"+_name); } //创建一个函数,用于返回一个无参数函数 function _hello(_name){ return function(){ hello(_name); } } window.setTimeout(_hello(userName),3000); //--> </script>
这 里定义了一个函数_hello,用于接收一个参数,并返回一个不带参数的函数,在这个函数内部使用了外部函数的参数,从而对其调用,不需要使用参数。在 window.setTimeout函数中,使用_hello(userName)来返回一个不带参数的函数句柄,从而实现了参数传递的功能。
另外也有人通过修改settimeout、setInterval来实现。即下面的
方法三:
<script language="JavaScript" type="text/javascript"> <!-- var userName="jack"; //根据用户名显示欢迎信息 function hello(_name){ alert("hello,"+_name); } // 功能: 修改 window.setInterval ,使之可以传递参数和对象参数 // 方法: setInterval (回调函数,时间,参数1,,参数n) 参数可为对象:如数组等 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);
转载于:https://my.oschina.net/u/3123161/blog/1616391
相关文章推荐
- js问题-解决定时器不能传入函数参数问题
- js函数传入参数为字符串问题解决思路
- jquery在弹出框中设置新增事件找不到传进的元素,函数中传入的参数在函数中的内部函数不能使用的问题(解决拖拽中input框不能用鼠标选择的问题的时候)
- JS中setInterval、setTimeout不能传递带参数的函数的解决办法
- JS中setInterval、setTimeout不能传递带参数的函数的解决方法
- js函数参数有中文不能触发事件问题
- js 事件函数中的参数带换行符或换行标签都不能起作用的解决方法
- JS中setInterval、setTimeout不能传递带参数的函数的解决办法
- JS中setInterval、setTimeout不能传递带参数的函数的解决办法
- 火狐中js函数不能识别非全字母参数值的解决办法
- 关于js函数传入中文字符串参数的取值问题
- js,java实现escape()和unescape()函数解决以给方式提交中中文参数问题
- Android之解决aidl里面函数参数太大不能跨进程通信的问题
- JS事件函数不能传参数的解决办法。
- JS解决chrome37+ window.showmodaldialog函数不能使用的问题
- JavaScript中的setTimeout和setInterval传入的函数不能带参数的解决方法
- JS中setInterval、setTimeout不能传递带参数的函数的解决办法
- JS中setInterval、setTimeout不能传递带参数的函数的解决办法
- js函数参数传递,引号的问题,第二次犯错,记下来,以后不能犯了!
- 记JSON.stringify的用法(可以传入函数作为参数解决大小写问题)