如何运用JavaScript的async和await实现队列问题并构建一个长尾？

本文共计1068个文字，预计阅读时间需要5分钟。

宏任务和微任务的入门知识，可参考以下文章：- JavaScript的事件循环机制- 宏任务和微任务在前端面试中的应用，包括概念、使用async关键字，以及相关笔试题

宏任务和微任务的队列入门知识，可以参考之前的文章：

• JavaScript的事件循环机制

宏任务和微任务在前端面试中，被经常提及到，包括口头和笔试题

async && await概念 async

• 使用async关键字声明的函数，是AsyncFunction构造函数的实例，在async函数体内，可以使用await接收promise实例
• async和await关键字，在开发过程中，可以简洁地去做一些异步操作。

await

• await操作符接受一个Promise 对象，并且只能和异步函数async function搭配使用。
• await 表达式会暂停当前 async function 的执行，等待 Promise 处理完成。
• 若 Promise 正常处理 (fulfilled)，其回调的 resolve 函数参数作为 await 表达式的值，继续执行
• 若 Promise 处理异常 (rejected)，await 表达式会把 Promise 的异常原因抛出。
• 如果 await 操作符后的表达式的值不是一个 Promise，则返回该值本身。

async && await基本使用

/** * async 函数是使用async关键字声明的函数。