关于setTimeout和setInterval的函数参数问题

今天在写验证码倒计时小demo时,用了如下代码:

window.setTimeout(count(num),1000);

这样直接使用将使count函数立即执行,并将返回值传递给setTimeout函数作为参数,其结果并不是真正需要的,所以会出现问题。

方法一

使用字符串形式可以达到想要的结果:

window.setTimeout("count(num)",1000);

这是我以前常用的方法。

但这种写法是将函数包在引号里,有点像字符串,不够直观

而且有些场合必须使用函数名,于是上网查阅了以下方法:

方法二

//倒计时函数  
function count(_num){  
       ...  
}  
//创建一个函数,用于返回一个无参数函数  
function _count(_num){  
       return function(){  
             count(_num);  
       }
}  
//这里30是实参
window.setTimeout(_count(30),1000);  

这里定义了一个函数_count,用于接收一个参数,并返回一个不带参数的函数,在这个函数内部使用了外部函数的参数,从而对其调用,不需要使用参数。

在 window.setTimeout函数中,使用_count(30)来返回一个不带参数的函数,此时不需要用引号也实现了参数传递的功能。

其实还可以直接写成:

window.setTimeout(function(){count(30);},1000);

另外也有人通过修改setTimeout、setInterval来实现。即:

方法三

//功能函数
function count(_num){
       ...
}//*=============================================================
//*   功能: 修改 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(count,1000,30);

此方法实际将原函数的参数数组改造了一下,看懂还是比较容易,先摘抄过来以备不时之用。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏菜鸟前端工程师

JavaScript学习笔记010-DOM节点的运用

783
来自专栏我的博客

Go函数知识

1.函数格式 func funcName(input1 type1, input2 type2) (output1 type1, output2 type2) ...

3418
来自专栏Golang语言社区

Go语言中字符串的查找方法小结

1.func Contains(s, substr string) bool这个函数是查找某个字符是否在这个字符串中存在,存在返回true import ( ...

34710
来自专栏老马寒门IT

06-老马jQuery教程-jQuery高级

jQuery里面的大部分API都是在jQuery的原型对象上定义的。jQuery源码中对原型对象做了简写的处理。也就是说:jQuery.fn === jQuer...

2110
来自专栏柠檬先生

jquery 筛选元素 (2)

.add()   创建一个新的对象,元素添加到匹配的元素集合中。   .add(selector)     selector 一个字符串表示的选择器...

1978
来自专栏python百例

06-字符串使用基础

892
来自专栏领域驱动设计DDD实战进阶

06-TypeScript中的表达式

TypeScript中提供了箭头表达式,通过箭头表达式可以简化我们的编码。 1.箭头表达式简化匿名函数 在JS中,我们通常使用匿名函数,匿名函数实际上是赋值给一...

2857
来自专栏web

DOM 1

1363
来自专栏Golang语言社区

【基础篇】Go 语言范围(Range)

Go 语言范围(Range) Go 语言中 range 关键字用于for循环中迭代数组(array)、切片(slice)、通道(channel)或集合(map)...

37416
来自专栏深度学习思考者

C++常见问题(三)——宏定义、const、static、sizeof的相关实例

第一部分 宏定义   宏定义的语法格式:#define <标识符><字符串>,其中的标识符就是所谓的符号常量,也称为”宏名”。预处理工作也叫宏展开。宏定义不占用...

19210

扫码关注云+社区