在 ES8 中使用 while 循环和 async/await 解决 Promise 序列问题
前言
前端开发中，难免会遇到需要按顺序执行多个异步操作的情况，比如需要读取多个文件或者发送多个请求。这时，我们通常会使用 Promise 来解决这个问题。但是，在 Promise 的 then 链中嵌套 Promise，容易形成 Promise 地狱，让代码难以维护。在 ES8 中，我们可以使用 while 循环和 async/await 来解决 Promise 序列问题，让代码更加简洁易懂。
Promise 序列问题
下面是一个使用 Promise 处理文件读取的例子：
-- -------------------- ---- -------
----- -- - --------------
-------------------------- -------
---------- -- -
------------------
------ -------------------------- --------
--
---------- -- -
------------------
------ -------------------------- --------
--
---------- -- -
------------------
--------------------
--
---------- -- --------------------这段代码读取了三个文件，并按照顺序输出它们的内容。这种写法存在两个问题：
- 看起来非常冗长，难以维护。
- 如果需要读取的文件数量很多，那么就需要嵌套更深的 Promise。
while 循环解决 Promise 序列问题
我们可以使用 while 循环来解决 Promise 序列问题。
-- -------------------- ---- -------
----- -------- ----------------------- -
--- - - --
----- -- - ------------- -
----- ---- - ----- ------------------------------ --------
------------------
----
-
--------------------
-
-------------------------------- -------------- ---------------
---------- -- --------------------这段代码使用 while 循环依次读取文件，并使用 async/await 来等待每个 Promise 的解决。使用 while 循环能够使代码更加简洁，可读性更高，易于维护。
async/await 解决 Promise 序列问题
另外一种解决方案是使用 async/await。
-- -------------------- ---- -------
----- -------- ----------------------- -
--- ---- ---- -- ------ -
----- ---- - ----- -------------------------- --------
------------------
-
--------------------
-
-------------------------------- -------------- ---------------
---------- -- --------------------这段代码使用 for 循环依次读取文件，并使用 async/await 来等待每个 Promise 的解决。使用 async/await 语法能够使代码看起来更加像同步代码，更加容易理解。
结论
在 ES8 中，我们可以使用 while 循环和 async/await 来解决 Promise 序列问题，让代码更加简洁易懂。使用 while 循环能够使代码更加简洁，可读性更高，易于维护。而使用 async/await 语法则能够使代码看起来更加像同步代码，更容易理解。在实际开发中，我们可以根据具体情况选择合适的解决方案来解决 Promise 序列问题。
参考文献
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674e1204947dc5bcb306c379