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

当我们在js代码中定义了局部变量，如果要在定时器setTimeout中使用该变量，可能会出现无法调用的情况。这是因为定时器是基于全局变量执行的，而局部变量只能在定义它的函数中使用。

为了解决这个问题，我们可以采用以下两种方法：

方法一：使用闭包

我们可以通过将变量封装在一个函数内部，并返回一个函数的方式创建一个闭包，使得该变量可以被定时器正确调用。以下是一个示例代码：

function test() {
  var a = 1;
  setTimeout(function() {
    console.log(a);
  }, 1000);
}
test();

在上面的代码中，我们定义了一个test函数，并在其中定义了一个局部变量a。我们新建一个setTimeout定时器，并通过一个闭包包裹住console.log语句，在1000毫秒后输出变量a的值。最后，我们调用了test函数。

方法二：使用全局变量

在JS中，全局变量可以在任何地方被调用，因此我们可以将变量声明在全局作用域内，以便在定时器中使用。以下是示例代码：

var a = 1;
function test() {
  setTimeout(function() {
    console.log(a);
  }, 1000);
}
test();

在上面的代码中，我们在全局作用域内定义了变量a，并将其定义在test函数之前。然后我们定义一个新的setTimeout定时器，以在1000毫秒后输出变量'a'的值。最后，我们调用test函数。

采用以上的两种方式，我们就可以成功在定时器setTimeout中访问局部变量了。