对于seTimeout函数的详解-优快云博客

本文探讨了setTimeout函数在特定场景下导致的数字输出错误，并提供了两种解决方案：一是利用块级作用域，二是使用闭包。通过具体示例展示了如何避免变量在异步操作中的意外行为。

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

setTimeout

setTmeout（）方法是用于在指定的韩面熟调用函数或计算表达式。一般用在定时器，轮播图，动画效果和自动滚动上。

那么我们先简单的看一段小代码。

for (var i = 0;i < 10;i ++) {
    setTimeout(function timer() {
        console.log(i)
    },i * 1000)
}

你认为这个会是怎么运行呢？

答案是：以一秒的频率连续输出十个10.

解释一下：这个是闭包中的知识：setTimeout中的i是对外层i的引用。我们预想是输出0到9的数字，并且输出时间是根据i的值进行变化的。但是setTimeout的代码进行解释的时候，运行时只记录了i的引用，而不是值。当setTimeout被触发时，10个setTimeout中的i同时被取值。由于完成更迭时i的值变成了10，所以在打印时就变成了固定的时间间隔打印出10个10

解决方法

目前可以有两种的解决方法。一个是利用闭包，一个是用于块级作用域。

第一种方法：块级作用域

 for(let i=0;i<10;i++){
        setTimeout(function () {
            console.log(i);
        },i*10)
    }

第二种方法：闭包

for(var i=0;i<10;i++){
        void function (j) {
            setTimeout(function () {
                console.log(j);
            },j*10)
        }(i)
    }

首先解释一下块级作用域的原因：let不仅将i绑定到for循环块中，其实是将它重新绑定到循环体的每一次更迭中，确保上一次迭代后会被重新赋值。setTimeout里面的function属于一个新的域，通过var定义的变量是无法传入到这个函数执行域的，通过使用let声明变量，这个变量就能作用于这个块。

再解释一下闭包为什么能够实现。这是通过模仿块级作用域来实现的。

（function（）{//块级作用域}）（）；

这样就可以实现了。