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。
    
  • 相关阅读:
    《独立网店经营十招招招制胜》
    行业礼品解决方案集
    北京第一礼品网
    ecshop网店系统+Ucenter用户中心+Cyask问答系统整合
    北京礼品在线入驻CRD核心商业区万达广场
    SEO中的关键字扩展
    礼问天下上线
    好网推荐
    北京礼品在线夏日礼の尚礼品促销第二波
    广告管理中的热点问题
  • 原文地址:https://www.cnblogs.com/shiyunfront/p/13095128.html
Copyright © 2011-2022 走看看