setTimeout第三个参数

哈娄

已于 2022-07-05 16:59:14 修改

阅读量2.1k

点赞数 2

分类专栏： javascript 文章标签：前端 javascript

于 2021-11-08 13:56:47 首次发布

本文链接：https://blog.csdn.net/bangbDIV/article/details/121074094

版权

33 篇文章 0 订阅

订阅专栏

本文探讨了JavaScript中setTimeout函数的使用，特别是其第三个参数的巧妙应用，如何解决在循环中使用setTimeout导致的异步问题。通过实例展示了闭包和第三个参数如何确保每个定时器独立地记录其循环变量的值，从而正确输出循环序号。这种方法简化了代码并揭示了异步编程的重要概念。

摘要由CSDN通过智能技术生成

平时都是用setTimeout做一个延时，都是使用两个参数，第一个是个函数，第二个是延时的时间。但是他第三个参数也是很好用的。

有循环中需要用setTimeout处理的，但是for循环是同步，setTimeout是异步，这样的结果就是输出4次4

for (var i=0;i<4;i++) {
    setTimeout(() => {
        console.log(i)
    }, 1000)
}

常规的解决办法就是写个闭包来解决这个问题。输出0，1，2，3

for (var i=0;i<4;i++) {
    ((i) => {
        setTimeout(() => {
            console.log(i)
        }, 1000)
    })(i)
}

使用第三个参数解决，写法会很简单。其实第三个参数就是给第一个函数传参数，这样是不是很方便啊。输出0，1，2，3

for (var i=0;i<4;i++) {
    setTimeout((i) => {
        console.log(i)
    }, 1000,i)
}

关注

专栏目录