setTimeout、Promise、 Async/Await 的区别

1,188 阅读1分钟

事件循环中分为宏任务队列和微任务队列

setTimeout

延时器:setTimeout(回调函数,间隔时间):以毫秒为单位间隔指定时间后调用回调函数(仅1次)

setTimeout的回调函数放到宏任务队列里,等到执行栈清空以后执行

image.png

Promise

ECMAscript 6 原生提供了 promise 对象。

promise 对象代表了未来将要发生的事件,用来传递异步操作的消息。

对于已经实例化过的 promise 对象可以调用 promise.then() 方法,传递 resolve 和 reject 方法作为回调。

promise.then里 的回调函数会放到相应宏任务的微任务队列里,等宏任务里面的同步代码执行完再执行

Async/Await

async函数表示函数里面可能会有异步方法,await后面跟一个表达式

async和await必须基于返回了pormise的函数,对于其它的函数没有任何作用

async方法执行时,遇到await会立即执行表达式,然后把表达式后面的代码放到微任务队列里,让出执行栈让同步代码先执行

image.png