setTimeout、Promise、Async/Await 的区别

1. 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

2. Promise
Promise本身是同步的立即执行函数， 当在executor中执行resolve或者reject的时候, 此时是异步操作， 会先执行then/catch等，当主栈完成后，才会去调用resolve/reject中存放的方法执行，打印p的时候，是打印的返回结果，一个Promise实例。

console.log('promise111')
let promise1 = new Promise(function (resolve) {
console.log('promise222')
resolve()
console.log('promise333')
}).then(function () {
console.log('promise555')
})
setTimeout(function () {
console.log('promise666')
})
console.log('promise444')

3.async/await

async function async1() {
console.log('async022');
await async2();
console.log('async055')
}
async function async2() {
console.log('async033')
}

console.log('async011');
async1();
console.log('async044')

// 输出顺序：script start->async1 start->async2->script end->async1 end
// async 函数返回一个 Promise 对象，当函数执行的时候，一旦遇到 await 就会先返回，等到触发的异步操作完成，再执行函数体内后面的语句。可以理解为，是让出了线程，跳出了 async 函数体。