同为异步的promise和setTimeout的执行顺序

promise和setTimeout都是异步执行的，但是执行顺序谁先谁后呢？先看两段简单的代码,比较一下同步和异步：

//promise和同步比较
new Promise(function (resolve, reject) {
  resolve(1);
}).then(console.log);

console.log(2);

// 2
// 1

//定时器和同步比较
setTimeout(function() {
  console.log(1);
}, 0);

console.log(2);

// 2
// 1

同步和异步比较一定是同步先执行，异步后执行，和代码的书写顺序无关。

接下来咱们看看异步和异步之间的比较（promise和setTimeout）:

//定时器、promise、同步 三者比较
setTimeout(function() {
  console.log(1);
}, 0);

new Promise(function (resolve, reject) {
  resolve(2);
}).then(console.log);

console.log(3);

// 3
// 2
// 1

上面代码的输出结果是321。这说明then的回调函数的执行时间，早于setTimeout(fn, 0)。因为then是本轮事件循环执行，setTimeout(fn, 0)在下一轮事件循环开始时执行。

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