6个6

1、理解6个6

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

 

结果是：6个6，不是0、1、2、3、4、5

 

原因：

首先理解setTimeout()这个函数方法，上面例子按照平常理解是1秒后输出 i 

但真正意义上是，1秒后尽快执行这个方法。不是1s后立即执行。

 

理解后，就懂了为什么会输出是6个6，因为当轮到方法输出时，i=6 , 

 

那么怎样正常输出？

第一种方法：

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

这是JS提供的一个语法糖，当运行时，每一个值都会开辟一个空间，存储i的值

 

 

第二种方法：立即执行函数

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