zoukankan      html  css  js  c++  java
  • 事件循环执行顺序

    //主线程直接执行
    console.log('1');
    //丢到宏事件队列中
    setTimeout(function() {
        console.log('2');
        process.nextTick(function() {
            console.log('3');
        })
        new Promise(function(resolve) {
            console.log('4');
            resolve();
        }).then(function() {
            console.log('5')
        })
    })
    //微事件1
    process.nextTick(function() {
        console.log('6');
    })
    //主线程直接执行
    new Promise(function(resolve) {
        console.log('7');
        resolve();
    }).then(function() {
        //微事件2
        console.log('8')
    })
    //丢到宏事件队列中
    setTimeout(function() {
        console.log('9');
        process.nextTick(function() {
            console.log('10');
        })
        new Promise(function(resolve) {
            console.log('11');
            resolve();
        }).then(function() {
            console.log('12')
        })
    })
    首先浏览器执行js进入第一个宏任务进入主线程, 直接打印console.log('1')
    
    • 遇到 setTimeout  分发到宏任务Event Queue中
    
    • 遇到 process.nextTick 丢到微任务Event Queue中
    
    • 遇到 Promise, new Promise 直接执行 输出 console.log('7');
    
    • 执行then 被分发到微任务Event Queue中
    
    •第一轮宏任务执行结束,开始执行微任务 打印 6,8
    
    •第一轮微任务执行完毕,执行第二轮宏事件,执行setTimeout
    
    •先执行主线程宏任务,在执行微任务,打印'2,4,3,5'
    
    •在执行第二个setTimeout,同理打印 ‘9,11,10,12’
    
    •整段代码,共进行了三次事件循环,完整的输出为1,7,6,8,2,4,3,5,9,11,10,12。
    
  • 相关阅读:
    C语言_航模社第四节
    C语言_航模社第三节
    C语言交换两个变量的值
    C语言表达分段函数
    c语言_2017.10.22
    stm32_配置GPIO点亮led灯
    prteus8安装教程
    安装keil_5步骤
    nginx配置实现https的配置文件方法
    TortoiseGit 代码版本回退及返回
  • 原文地址:https://www.cnblogs.com/shiyunfront/p/13095128.html
Copyright © 2011-2022 走看看