宏队列与微队列

本文转载自查看原文 2019-12-31 01:14 982 JavaScript基础

1、JS 中用来存储待执行回调函数的队列包含2 个不同特定的列队

2、宏列队: 用来保存待执行的宏任务(回调), 比如: 定时器回调/DOM 事件回调/ajax 回调

3、微列队: 用来保存待执行的微任务( 回调), 比如: promise 的回调/MutationObserver 的回调

4、JS 执行时会区别这2 个队列

　　4.1　JS 引擎首先必须先执行所有的初始化同步任务代码

　　4.2　每次准备取出第一个宏任务执行前, 都要将所有的微任务一个一个取出来执行

demo样例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <!-- <script src="customedPromise/promise.js"></script> -->
        <script type="text/javascript">
            setTimeout(() => {
                console.log('timeout callback1()')
                Promise.resolve(3).then(
                    value => {
                        console.log('Promise onResolved3()', value);
                    }
                )
            }, 0)
            setTimeout(() => {
                console.log('timeout callback2()')
            }, 0)
            
            Promise.resolve(1).then(
                value => {
                    console.log('Promise onResolved1()', value);
                }
            )
            Promise.resolve(2).then(
                value => {
                    console.log('Promise onResolved2()', value);
                }
            )
        </script>
    </head>
    <body>
    </body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 js 事件循环消息队列和微任务宏任务 javascript事件环微任务和宏任务队列原理从几道题目带你深入理解Event Loop_宏队列_微队列 EventLoop 事件循环宏任务队列与微任务队列总结：JavaScript异步、事件循环与消息队列、微任务与宏任务函数调用栈、任务队列、事件轮询、宏任务、微任务宏任务和微任务宏平均和微平均 C 语言通用模板队列（宏函数） javascript宏任务和微任务