JS 函数的执行时机

178 阅读1分钟

js是单线程的,所有任务需要排队,前一个任务结束,才会执行后一个任务。

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

执行的结果是6个6,而不是0,1,2,3,4,5

setTimeout函数是等一会再执行的意思,遇到这一句就把这句放到任务队列里,等所有的任务执行完了之后再立即执行setTimeout;等for循环执行完之后,此时i=6结束了执行,开始执行任务队列里的setTimeout,任务队列里此时已经有6个打印语句等待着执行,所以打印了六个6

可以把变量定义在for循环里,这样 每次循环都会多创建一个i 。打印的结果就会是0,1,2,3,4,5

for(let i = 0; i<6; i++){
    setTimeout(()=>{
        console.log(i)
    },0)
}
// 0 1 2 3 4 5

还可以这样写,再setTimeout函数里写一个立即执行函数,每次循环时都会打印出i,打印出来的是0,1,2,3,4,5

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