setTimeout
console.log('script start') // 1. 打印 script start
setTimeout (function () {
console.log('settimeout') // 4. 打印 settimeout
}) // 2. 调用 setTimeout 函数，并定义其完成后执行的回调函数
console.log('script end') // 3. 打印 script start
// 输出顺序：script start->script end->settimeout
Promise
console.log ('script start');
let promise1 = new Promise (function (resolve) {
console.log('promise1');
resolve ();
console.log ('promise1 end');
}). then (function () {
console.log('promise2');
})
//Promise本身是同步的立即执行函数，当在executor中执行resolve或者reject的时候, 此时是异步操作，会先执行then/catch等，
当主栈完成后，才去调用resolve/reject中存放的方法执行，打印promise1的话是Promise实例。
setTimeout (function () {
console.log('settimeout')
})
console.log ('script end')
// 输出顺序: script start->promise1->promise1 end->script end->promise2->settimeout
async/await
async function async1() {
console.log ('async1 start');
await async2();
//async函数返回Promise对象，当函数执行遇到await时先返回，等到触发的异步操作完成，再执行函数后面的语句。
可理解为让出了线程，跳出async函数体。
console.log ('async1 end')
}
async function async2() {
console.log('async2')
}
console.log ('script start');
async1();
console.log ('script end')
// 输出顺序：script start->async1 start->async2->script end->async1 end
变式
async function async1() {
console.log ('async1 start');
await async2();
console.log ('async1 end'); //放在微任务的第一个
}
async function async2() {
console.log('async2');
}
console.log ('script start');
setTimeout (function () {
console.log('setTimeout');//setTimeout是宏任务，要等到微任务运行完后才运行
}, 0)
async1(); //调用之后才运行
new Promise(function(resolve) {
console.log('promise1');
resolve ();
}). then (function () {
console.log('promise2'); //放在微任务的第二个
});
console.log ('script end');
// 输出顺序：script start > async1 start > async2 > promise1 > script end > async1 end > promise2 > setTimeout
总结
1、settimeout的回调函数放到宏任务队列里，等到执行栈清空以后执行；
2、 promise.then里的回调函数会放到相应宏任务的微任务队列里，等宏任务里面的同步代码执行完再执行；
3、async函数表示函数里面可能会有异步方法，await后面跟一个表达式，async方法执行时，遇到await会立即执行表达式，然后把表达式后面的代码放到微任务队列里，让出执行栈让同步代码先执行。
异步任务中，先执行微任务，再执行宏任务。
微任务：Promise，process.nextTick。
宏任务：整体代码script，setTimeout，setInterval
