js 定时器setTimeout无法调用局部变量的解决办法

最新推荐文章于 2022-03-09 20:47:44 发布

weixin_34067102

最新推荐文章于 2022-03-09 20:47:44 发布

阅读量292

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/junn/blog/262166

本文探讨了在JavaScript中使用setTimeout的常见问题，特别是全局变量的使用，并提供了改进方案，通过内嵌函数避免全局变量污染，同时解决了setTimeout无法识别内嵌函数的问题，通过将函数对象作为参数传递来解决问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

javascript中定时器setTimeout的用法一般如下，调用beginrotate之后就进入定时执行rotateloop的一个过程，如下代码：

var angle = 0;

function rotateloop() {
if (angle < 360) {
angle++;
//use angle
//......
setTimeout("rotateloop()", 100);
}
}

function beginrotate() {
//do something
//......
setTimeout("rotateloop()", 100);
}

这段代码有一个问题，就是产生了一个全局变量angle，这显然不是好的编程习惯，所以我们想到使用内嵌函数的方式，将代码改成如下：

function beginrotate() {

var angle = 0;

function rotateloop() {
if (angle < 360) {
angle++;
//use angle
//......
setTimeout("rotateloop()", 100);
}
}
//do something
//......
setTimeout("rotateloop()", 100);
}

这样子改了之后，发现javascript报错了，rotateloop找不到，显然setTimeout没有找到rotateloop这个局部内嵌函数，这里只要稍微改一下就可以解决这个问题了，代码如下：

function beginrotate() {

var angle = 0;

function rotateloop() {
if (angle < 360) {
angle++;
//use angle
//......
setTimeout(rotateloop, 100);
}
}
//do something
//......
setTimeout(rotateloop, 100);
}

只需要将setTimeout的第一个参数改成函数对象，而不是字符串，就可以了。

转载于:https://my.oschina.net/junn/blog/262166