微任务和宏任务

一、宏任务和微任务的定义

宏任务和微任务表示异步任务的两种分类

宏任务：包括整体代码script(可以理解为外层同步代码)、settimeout、setInterval、i/o(输入输出)、ui render(将页面元素渲染成用户可见的界面的过程)

微任务：promise、object.observe、MutationObserver(监听DOM树的变化)

二、执行顺序：

先执行同步代码，再执行异步任务
异步任务中先执行微任务再执行宏任务

三、练习题

  setTimeout(function() {
      console.log('1');//1
   })
   new Promise(function(resolve) {
      console.log('2');//2
        resolve();
   }).then(function() {
     console.log('3');//3
   })
  console.log('4');//4 

//执行顺序
// 依次打印：1、3、5、4、9、10、11、12、2、7、8
  console.log(1)//1
  setTimeout(function(){
     console.log(2);//9
     let promise = new Promise(function(resolve, reject) {
        console.log(7);//10
        resolve()
     }).then(function(){
        console.log(8)//11
     });
  },1000);
  setTimeout(function(){
     console.log(10);//6
     let promise = new Promise(function(resolve, reject) {
        console.log(11);//7
        resolve()
      }).then(function(){
      console.log(12)//8
      });
  },0);
  let promise = new Promise(function(resolve, reject) {
     console.log(3);//2
     resolve()
     }).then(function(){
        console.log(4)//4
     }).then(function(){
        console.log(9)//5
  });
  console.log(5);//3