zoukankan      html  css  js  c++  java
  • js单线程的本质-------Event Loop

    怎么判断是浏览器还是node环境?

    node中window是未定义;setImmediate是定义的,在浏览器中未定义

    timer阶段:这个阶段会执行setTimeout和setInterval

    check阶段:执行setImmediate

    macro task [task] 宏任务 :script(页面代码)、setTimeout、setInterval、I/O事件、UI交互事件(点击事件)

    micro  task [job]  微任务: Promise、process.nextTick、Promise().then()

    宏任务可以有多个队列

    微任务只有一个队列

    setTimeout任务之间,推迟执行的毫秒数越小,排在队列里面越靠前

    在node里面,timers(setTimeout、setInterval)会优先于setImmediate

    setTimeout(() => {
       console.log('setTimeout')
    },0);   // 大于1000时,会先执行setImmediate 
    setImmediate(()=> { console.log('setImmediate')})
    

      

    console.log('start');
    setTimeout(function (){
        console.log('timeout');
    },10);
    new Promise((resolve) => {
        console.log('promise');
        resolve()
        setTimeout(() => {
            console.log('Promsie中的setTimeout');
        },0);
    }).then(() => {
        console.log('then');
    });
    console.log('end');
    

      

    运行机制

    1. 在执行栈中执行一个宏任务。 

    2. 执行过程中遇到微任务,将微任务添加到微任务队列中。

    3. 当前宏任务执行完毕,立即执行微任务队列中的任务。 

    4. 当前微任务队列中的任务执行完毕,检查渲染,GUI线程接管渲染。 

    5. 渲染完毕后,js线程接管,开启下一次事件循环,执行下一次宏任务(事件队列中取)。

  • 相关阅读:
    阿里云“网红"运维工程师白金:做一个平凡的圆梦人
    3235 战争
    1291 火车线路(区间修改,区间最值)
    P3183 [HAOI2016]食物链
    P1189 SEARCH(逃跑的拉尔夫)
    P1794 装备运输_NOI导刊2010提高(04)
    P2347 砝码称重
    P1332 血色先锋队
    P1772 [ZJOI2006]物流运输
    P1038 神经网络
  • 原文地址:https://www.cnblogs.com/jcxfighting/p/11756153.html
Copyright © 2011-2022 走看看