JS函数的执行时机

在解释JS函数的执行时机之前，先来看一个例子

let i = 0
for(i = 0; i<6; i++){
  setTimeout(()=>{
    console.log(i)
  },0)
}

将console.log打印出来是什么呢？
答案是6个6！！

• 那么为什么呢？
  从代码上一行一行来看，当for循环每执行一次时，setTimeout都会执行一次，但因为setTimeout是异步方法，里面的函数被放到了任务队列里面等一会儿。当主线程执行完毕，也就是for循环执行完成之后，存放在任务队列中的函数开始执行，执行的次数是根据for循环的次数得出的。与此同时，i 的值已增加成了6，6不符合i<6的条件，所以for循环停止，所以会输出6个6。

如果我想打印 0、1、2、3、4、5 要怎么办呢

for(let i = 0; i<6; i++){
  setTimeout(()=>{
    console.log(i)
  },0)
}

在for循环i的初始化加上let。
因为let元素遵循块作用域，所以在for循环语句的括号里使用并赋值let时，会产生一个隐藏的作用域。在每次执行for循环时，JS会保留i的初始值，然后重新声明执行一次。

除了使用 for let还能怎么做呢

for(var i = 0;i<6;i++){
    !function(i){
       setTimeout(()=>{
         console.log(i)
        },0)      
    }(i)
}

使用立即执行函数，可以创建一个局部变量，然后也可以实现使用let的结果。