循环的理解:
-
这里介绍的是浏览器的执行机制,在node或ringo等执行机制会不同。运行机制大多指js解析引擎,是统一的。
-
主程序执行完后,就一直在等待任务队列的任务,
settimeout
等异步任务会直接拿出来执行,onclick
等触发任务会一直在队列中,等你触发相应的事件后才会执行 -
setTimeout
理解:遇到setTimeout
声明,就将函数放到event table
,过了指定的时间就将函数放入event queue
。所以如果等待时间大于主程序运行时间它几乎是准确的,而如果它放入了event queue
中后主程序还没运行完,那么要等待主程序运行完才能运行event queue
里的内容。 -
setinterval
理解:每隔一段时间将要执行的函数加入到event queue
。 -
settimeout
和setintelout
属于进入宏任务的event queue
-
new promise
下的代码立即执行,多层new promise
也是立即执行 -
promise.then
和process.nextTick
,await的下一句代码
进入微任务的event queue。tip:
async
函数是基于Promise
的封装,await的下一句代码
相当于在.then里执行,所以加入微任务。
![image-20211116191523344-164171414402118](https://gitee.com/y2833718476/cloudimage/raw/master/img/image-20211116191523344-164171414402118.png)
执行流程:
-
每执行完一个宏任务会去执行微任务队列。执行所有微任务是只每执行完当前微任务去检查队列是否还有别的微任务
-
微任务按添加的顺序依次执行,它是一个队列(先进先出)。
①如队列[fun3,fun2,fun1],执行顺序是
fun1()
、fun2()
、fun3()
②特别注意,每执行完一次微任务都会再去检查是否还有微任务,也就是说如果执行
fun3()
再次添加了微任务,会继续执行该任务 ,而不会进行宏任务 -
最开始window上的代码执行完也算执行完了一段宏任务,执行完
setTimeout
里面的回调也算是执行完了一段宏任务。
字节面试题:
async function async1() {
console.log("async1 start"); //2
await async2(); //调用async2(),下面代码进入微任务,微任务队列[async1 end]
console.log("async1 end");
}
async function async2() {
console.log("async2"); //3