for循环中的let和var

for循环中的let和var

一般情况下没有区别

for(var i = 0; i < 3; i++){
    console.log(i)   // 0 1 2
}

for(let i = 0; i < 3; i++){
    console.log(i)   // 0 1 2
}

若循环体里有异步函数

 for (var i = 0; i < 3; i++) {
      setTimeout(function () {
        console.log(i) // 3s 后输出 3 次 3 （不理解的把for后面的括号当做一个作用域看） 
      }, 3000)
      console.log(i) // 先输出 0 1 2
    }
    
 for (let i = 0; i < 3; i++) {
      setTimeout(function () {
        console.log(i)// 3s 后输出 0 1 2
      }, 3000)
      console.log(i) // 先输出 0 1 2
    }

         setTimeout是异步执⾏，每⼀次for循环的时候，settimeout都执⾏⼀次，但是⾥⾯的函数没有被执⾏，⽽是被放到了任务队列⾥⾯，等待执⾏，for循环了3次，就放了3次，当主线程执行完成后，才进入任务队列里面执行。

        那么关于 var 和 let 为什么会出现不一样的效果，由于var命令的变量提升机制，var命令实际只会执行一次，变量为函数作用域（局部作用域），而let命令不存在变量提升，所以每次循环都会执行一次，声明一个新变量（但初始化的值不同），for的每次循环都是不同的块级作用域，let声明的变量也是块级作用域，所以也不存在重复声明的问题，通过var定义的变量是无法传入到这个函数执行域中的，通过使用let来声明块变量能作用于这个块，每个匿名函数实际上引用的都是一个新的变量。

原文:for循环中var和let的区别_双星。的博客-CSDN博客_for循环var和let区别