Promise与setTimeout异步执行顺序问题

promise为es6引进的语言标准，为异步编程的一种解决方案；
那么同为异步编程，promise与setTimeout两者的执行顺序孰先孰后呢？

看代码片段：

   setTimeout(() =>{
        console.log('延时器');   // 执行顺序3
    }, 0);
    
    new  Promise((resolve, reject) => {
        resolve('promise');
    }).then(console.log);    // // 执行顺序2

  
    console.log(123);  // 执行顺序1

输出：

promise.then和setTimeout都是异步的，那么在事件循环队列中 promise.then的事件应该排在setTimeout后面，可为什么promise.then却在setTimeout前面被输出？

这牵扯到一个概念：

event loop

• Javascript是单线程的，所有的同步任务都会在主线程中执行。

• 当主线程中的任务，都执行完之后，系统会 “依次” 读取任务队列里的事件。与之相对应的异步任务进入主线程，开始执行。

• 异步任务之间，会存在差异，所以它们执行的优先级也会有区别。大致分为 微任务（micro
  task，如：Promise、MutaionObserver等）和 宏任务（macro
  task，如：setTimeout、setInterval、I/O等）。

• Promise 执行器中的代码会被同步调用，但是回调是基于微任务的。

• 宏任务的优先级高于微任务

• 每一个宏任务执行完毕都必须将当前的微任务队列清空

• 第一个 script 标签的代码是第一个宏任务

个人理解： Promise 的回调函数属于异步任务，会在同步任务之后执行。
但是，Promise 的回调函数不是正常的异步任务，而是微任务（microtask）。它们的区别在于，正常任务追加到下一轮事件循环，微任务追加到本轮事件循环。这意味着，微任务的执行时间一定早于正常任务。