面试相关

事件循环机制-宏任务-微任务

2021-05-19  本文已影响0人  未来在奋斗

事件循环机制

浏览器事件循环机制

1.js脚本执行是单线程的,其中分为主线程,宏任务,微任务。
1.1 主线程可以理解为js从上到下依次执行
1.2 宏任务有script setTimeout setInterval 等
1.3 微任务主要有promise
2.执行主线程代码,遇到宏任务会将宏任务中的回调放置在宏任务队列中,当遇到了promise的时候,将.then里的回调放置微任务队列中,主线程执行完成之后,先从微任务队列中里拿出任务执行,微任务执行完成之后在从宏任务队列里拿出任务执行。宏任务里面可能还有其他的宏任务,微任务这个时候他们的任务会放在下一次循环中执行,如此循环就是浏览器的事件循环机制。
3.下面给俩个例子大家看一下就明白了。


事件循环机制.png

图中白色截图就是打印结果,方便大家理解。
4.在记录一个知识点new promise 是创建一个对象,是主线程哦。


事件循环机制2.png

文章为本人学习记录使用,如有错误欢迎大家指点。

上一篇 下一篇

猜你喜欢

热点阅读