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

198 阅读 0 评论 131 点赞

我是靠谱客的博主清新蚂蚁，最近开发中收集的这篇文章主要介绍js 定时器setTimeout无法调用局部变量的解决办法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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); 
} 