• 宏任务和微任务


    .宏任务(macrotask )和微任务(microtask )表示异步任务的两种分类。

      在挂起任务时,JS 引擎会将所有任务按照类别分到这两个队列中,首先在 macrotask 的队列(这个队列也被叫做 task queue)中取出第一个任务,执行完毕后取出 microtask 队列中的所有任务顺序执行;之后再取 macrotask 任务,周而复始,直至两个队列的任务都取完。

     

    宏任务一般是:包括整体代码script,setTimeout,setInterval

    微任务:new promise().then(回调) ,process.nextTick(在node运行环境中优先级高于promise())

     

    示例:

     1 console.log('开始');
     2 setTimeout(function() {
     3      console.log('setTimeout');
     4 })
     5 new Promise(function(resolve) {
     6      console.log('promise');
     7 }).then(function() {
     8      console.log('then');
     9 })
    10 console.log('console');

    输出顺序:开始,promise,console,then,setTimeout

     分析:

    • 整体script作为第一个宏任务进入主线程,遇到console.log,输出开始
    • 遇到setTimeout,将其分配到宏任务Event Queue中
    • 遇到Promisenew Promise直接执行,输出promise。then被分发到微任务Event Queue中
    • 主线程,遇到console.log,输出console
    • 第一轮事件循环中,存在微任务,执行微任务,输出then
    • 第一轮事件循环正式结束,第二轮时间循环从setTimeout宏任务开始,直接输出setTimeout

  • 相关阅读:
    架构之道(1)
    看板管理(1)
    交互原型图
    Sequence Diagram时序图
    安卓项目的「轻」架构
    安卓ButtomBar实现方法
    工具类BitMap 把网络URL图片转换成BitMap
    使用OkHttp上传图片到服务器
    BaseAdapter教程(2) BaseAdapter的notifyDataSetChanged动态刷新
    开发中时间变换问题汇总
  • 原文地址:https://www.cnblogs.com/Li--gm/p/13074242.html
Copyright © 2020-2023  润新知