js 的eventloop

2020-07-08  本文已影响0人  鹏雨燕

浏览器环境下,异步任务分macroTask和microTask
宏任务macroTask:script中代码、setTimeout、setInterval、I/O、UI render
微任务microTask:Promise.then、Object.observer、MutationObserver

在浏览器中初始认为执行线程中没有代码,每一个<script>中的代码是一个独立的MacroTask,即会执行前面<script>中创建的microTask再执行后面<script>中的同步代码;
如果microTask一直被添加,则会继续执行microTask,卡死macroTask;
部分浏览器执行顺序可能与上述情况不符合,可能是不符合标准,或者是js与HTML部分标准冲突。
promise的then和catch才是microTask,本身内部代码不是。


image.png
上一篇下一篇

猜你喜欢

热点阅读