| 标题 | JavaScript中setTimeout和setInterval函数的传参及调用 |
| 内容 | 这篇文章主要介绍了JavaScript中setTimeout和setInterval函数的传参及调用,着两个函数可以把要执行的代码在设定的一个时间点插入js引擎维护的一个代码队列中,需要的朋友可以参考下 如何向 setTimeout 、 setInterval 传递参数 看如下代码： var str = 'aaa'; var num = 2; function auto(num){ alert(num); } setTimeout('auto(num)',4000); 这样写是可以正常工作的，但是如其说这是参数传递，还不如说是直接使用的全局变量。所以，这种写法是没有必要的，一般情况下更多的是用到传递局部变量作为参数。 把代码修改一下： //var str = 'aaa'; var num = 2; function test(){ var str = 'bbb'; setTimeout('auto(str)',4000); } function auto(a){ alert(a); } test(); 这种写法会报错，如果把取消对 str 的全局声明的注释，就会输出 aaa，即函数依然是调用全局变量。 看下面的代码： //var str = 'aaa'; var num = 2; function test(){ var str = 'bbb'; setTimeout('auto("str")',4000); } function auto(a){ alert(a); } test(); 注意上面的 str ，这样写会输出 “str”，也就是说定时器调用函数后，是把 str 直接当作了参数。这样传递的参数永远是字符串。这不是我们想要的结果。 要想传递除字符串意外的参数，可以使用闭包，看下面代码： //var str = 'aaa'; var num = 2; function test(){ var str = 'bbb'; setTimeout(auto(str),4000); } function auto(str){ return function(){ alert(str); } } test(); 输出结果为 ‘bbb'，如果给auto(str)加上引号同样会报错。 当然，这样写也是不错的： var num = 2; function test(){ var str = 'bbb'; //setTimeout(auto(str),4000); setTimeout(function(){alert(str)},4000); } function auto(str){ return function(){ alert(str); } } test(); 最后需要注意的是，字不使用闭包传递参数时，定时器调用的函数是要加引号的，不加引号，会报错。以上情形同样适合 setInterval()； setTimeout 、 setInterval 中的函数调用 有如下代码： var num = 2; function auto(){ alert(num); } setTimeout(auto(),4000); 在这段程序里，测试的时候立刻就可以看到弹出的警告框。也就是说按照以上方法引用函数，定时器是不起作用的。 同样，对于setInterval上面的写法也不能正常工作，程序只能弹出一次警告框，然后报错。 把定时器改为 setInterval('auto()',4000); setTimeout('auto()',4000); 程序可以正常工作。 当不使用auto()调用函数，只使用 auto会是什么样呢？ var str = 'aaa'; var num = 2; function auto(){ alert(num); } //setInterval(auto,4000); setTimeout(auto,4000); 这样写程序都可以正常工作； 如果给auto加上引号 //setInterval('auto',4000); setTimeout('auto',4000); 都不能正常工作。 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。