JS 函数的执行时机

一、关于“打印6个6”的解释分析

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

·首先声明变量i，并赋值为0
·进行for循环，循环次数为6次
·循环过程中，i的值始终在加1自增，并在i=5时进行最后一次符合循环条件的操作，此时i的最终值为6，同时退出循环
·setTimeout函数中的语句表示“立刻、马上”，但前提是要做完目前的工作再立刻执行，即先要执行完循环代码，再执行console.log(i)
·当console.log(i)执行时，for循环已结束，此时的i=6，即console.log（6）打印6次，导致最终打印结果为"6个6"

二、上述代码打印 0、1、2、3、4、5 的方法

·方法思路： 利用ES6的for let 配合
·具体操作：i的声明赋值不放在for循环语句外，而是将i的声明放入for循环语句的圆括号内，完成i的声明赋值。
·具体代码：

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

三、除了使用 for let 配合，其他方法打印出 0、1、2、3、4、5

·方法思路： for 循环利用“闭包立即执行函数”，异步输出 0,1,2,3,4,5
·具体代码：

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