前言
在前端开发中，JavaScript 中有许多异步任务需要进行处理，如网络请求、文件读写等。在这些任务完成以前，代码会继续往下执行，而使用传统的回调函数会出现“回调地狱”的情况，导致代码难以维护。为了解决这个问题，Promise 出现了。Promise 主要解决了异步任务处理的问题，可以让我们更好地处理异步代码，但是，在使用 Promise 时，我们需要了解如何正确地使用它们。
Promise 的特点在于可以以一种舒适的方式处理异步代码，并且能够避免回调地狱的出现，同时使代码更加模块化。
在本文中，我们将介绍 Promise 中的两种执行方式：串行和并行，并讨论它们的优缺点。
什么是 Promise
Promise 是 JavaScript 的一个异步解决方案，它是一个对象，可以接收异步操作返回的结果，也可以处理异常情况。
在 Promise 中，我们可以使用 then() 和 catch() 方法来处理 Promise 对象返回的结果和异常。
Promise 中的串行执行方式
串行执行是指任务必须按照顺序执行，每个任务在上一个任务执行完之后执行，直到全部任务都执行完毕。
在 Promise 中，串行执行通常是通过 then() 和 catch() 方法实现的。在代码中，我们可以通过嵌套 then() 方法来实现串行执行。
下面是一个示例代码：
-------- --- -
------ --- --------------- -- ------------- -- ---------- ----------- ------
-
-------- --- -
------ --- --------------- -- ------------- -- ---------- ----------- ------
-
-------- --- -
------ --- --------------- -- ------------- -- ---------- ----------- ------
-
---
------------- -- -
--------------------
------ ---
--
------------- -- -
--------------------
------ ---
--
------------- -- ---------------------
------------ -- ---------------------在上面的代码中，我们有三个 Promise 对象，分别是 A、B 和 C。由于 setTimeout 的设定，A 的执行时间是 3 秒、B 的执行时间是 2 秒、C 的执行时间是 1 秒。
通过调用 then() 方法，我们对这些异步操作进行了串行处理，首先执行 A，把它的结果传递给 B，然后取 B 的结果传递给 C。
从执行时间上来看，整个代码的执行时间为 6 秒。
在这种方式下，任务按照顺序执行，确保每个任务都执行完毕，由于任务按照顺序执行，多个任务共用一个线程，因此需要等待前一个任务完成后才能开始下一个任务，从而导致整个流程的速度较慢。
Promise 中的并行执行方式
并行执行是指任务可以同时运行，多个任务并行执行，它们的执行可以在同一时刻进行，从而提高了处理大量任务的速度。
在 Promise 中，我们可以使用 Promise.all() 方法来实现并行处理。Promise.all() 方法的作用是接收多个 Promise 对象，并等待它们全部完成，然后返回一个包含所有结果的数组，如果其中一个 Promise 失败，则返回一个错误。
下面是一个并行执行的示例代码：
-------- --- -
------ --- --------------- -- ------------- -- ---------- ----------- ------
-
-------- --- -
------ --- --------------- -- ------------- -- ---------- ----------- ------
-
-------- --- -
------ --- --------------- -- ------------- -- ---------- ----------- ------
-
----------------- ---- -----
------------ -- --------------------
------------ -- ---------------------在上面的代码中，我们如果通过 Promise.all() 方法来同时执行 A、B 和 C 三个异步操作，由于它们的执行时间是不同的，因此可以在不同的线程上同时进行处理，从而提高了处理速度。
由于多个任务同时执行，因此中间进行了特定的优化，可以避免上一个任务的执行速度对下一个任务的执行速度造成影响。
优缺点
串行和并行执行方式都有各自的优缺点。
下表列出了两种方式的比较:
| 方式 | 优点 | 缺点 |
|---|---|---|
| 串行执行 | 任务按顺序执行，确保每个任务完成；适用于需要确保任务按照顺序执行的场景 | 存在任务间互相等待的情况，因此速度较慢；在执行的时候，多个任务共用一个线程，可能出现阻塞的情况，从而导致整个流程的速度较慢 |
| 并行执行 | 多个任务同时执行，可以同时处理多个任务；对于大量任务的处理速度更快 | 运行时间最长的任务会阻塞整个线程，从而影响其它任务的执行；并行执行需要一定的系统资源，可能导致系统负载过大，甚至崩溃 |
结论
在实际开发中，我们需要根据具体场景进行选择，如果需要保证任务按照顺序执行，则可以选择串行执行；如果需要同时执行多个任务，则可以选择并行执行。同时，我们也可以选择使用 Promise.allSettled() 或 Promise.any() 进行任务处理，这需要根据具体的场景来决定。
以上就是 Promise 中的串行和并行执行方式及优缺点的详细介绍，希望对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/673697750bc820c582553031