JavaScript的事件循环机制浅析

  

• 同步任务类似我们常说的立即执行函数，不需要等待可以直接进行，可以直接进入到主线程中去执行，类似正常的函数调用等。
    
  
• 异步队列则是异步执行函数，类似ajax请求，我们在发起的过程中，会进入到一个异步队列，加载到任务当中时，需要进行等待，之后才能进行返回值的处理。
  
  

console.log('1');
setTimeout(function() {
  console.log('4');
}, 0);
Promise.resolve().then(function() {
  console.log('2');
}).then(function() {
  console.log('3');
});
console.log('5');

console.log(1);
setTimeout(function() {
  console.log(5);
}, 10);
new Promise(resolve => {
  console.log(2);
  resolve();
  setTimeout(() => console.log(3), 10);
}).then(function() {
  console.log(4);
})
console.log(6);

  

• 不同于例子1当中的promise，打印2是优先于6执行的，由此我们可以知道，new Promise在执行过程中，在未执行resolve或者rejected前，所执行的代码均为同步队列中的代码。
    
  
• 再看4，5，3的执行顺序，在执行微任务promise执行回调resolve之后，对应的then立即执行
    
  
• 在打印结果中，定时器5优先执行于---->属于微任务promise中的宏任务定时器3，定时器5这个宏任务是在promise微任务这个队列之后就加进去，在promise执行完成then回调之后，promise中的宏任务才加入到队列当中，因此在定时器5之后执行