Promise 中如何处理循环调用？
Promise 是 JavaScript 中一种用于处理异步操作的对象，对于复杂的异步操作，可能会存在循环调用的情况，而这种情况如果不加以处理，很容易导致死循环，从而使程序崩溃。因此，在使用 Promise 处理循环调用时，我们应该注意一些细节。本文将介绍如何处理Promise循环调用的问题。
一、Promise 的特点
1.1 异步
Promise 最主要的特点就是处理异步操作，通过它可以更加方便的进行异步调用的处理，从而避免了回调地狱的出现。为了更好的理解异步，让我们先来看一个例子。
1.2 例子说明
假设我们要读取一个文件的内容，并在控制台输出该文件的所有行。我们可以通过以下代码来实现：
const fs = require('fs');
fs.readFile('text.txt', 'utf8', (err, data) => {
if (err) throw err;
const lines = data.split('\n');
for (const line of lines) {
console.log(line);
}
});当我们运行以上代码的时候，很可能会发现控制台输出的内容并不是我们期望的结果，原因是我们使用回调方式，但回调只是异步的一种方式，当一个异步操作依赖于另一个异步操作的结果时，就会产生回调地狱的情况。Promise 通过链式调用的方式来优化使用回调的开发方式，代码如下：
-- -------------------- ---- -------
----- -- - -----------------------
----------------------- -------
------------ -- -
----- ----- - -----------------
--- ------ ---- -- ------ -
------------------
-
--
------------ -- -
-------------------
---通过以上代码，我们可以看出 Promise 使用链式调用的方式，遵循了链式调用规范，在读取文件后捕获错误，然后对捕获的错误进行处理。
二、Promise 中的循环调用
前面我们提到了 Promise 可以很好地处理异步操作，但对于包含循环调用的异步操作，处理会更加困难。因为循环调用就是一个异步操作过程，因此需要谨慎处理。下面，我们来看一个实例。
2.1 实例说明
假设我们要计算“1+2+3+······+n”的总和，其中 n 是一个自然数。我们可以使用以下代码来计算：
-- -------------------- ---- -------
-------- ------ -
------ --- ---------------- --------- ------- -
-- ------- - --- --------- -
---------- ---------------- ---- -- - ----------
-------
-
-- -- - -- -
---------- ---------------- ---- -- ------- ---- -----
-------
-
-- -- --- -- -
-----------
-------
-
----- - ------------- -- -
----------- - ---
---
---
-在以上代码中，我们通过 Promise 对 “1+2+3+······+n”的总和进行计算。因为需要进行循环调用，因此我们使用了 Promise 的 then 方法来进行处理。
2.2 代码分析
当执行 sum(5) 的时候，会调用 sum(4) 进行处理。当执行 sum(4) 的时候，会调用 sum(3) 进行处理。当执行 sum(3) 的时候，会调用 sum(2) 进行处理。当执行 sum(2) 的时候，会调用 sum(1) 进行处理。此时，sum(1) 返回 1，而 sum(2) 中获取到的 num 的值为 1+2=3，同时也应该已经计算出了 sum(2) 的结果，此时我们需要返回 sum(2) 的值，即 1 + 2 + 3。由此可见，循环调用本身是可以正常工作的，但需要注意一些细节，否则可能会陷入死循环中。
2.3 处理方法
处理 Promise 中的循环调用可以采用以下方法：
- 对于每个 Promise 对象，在调用 then 的时候都返回一个新的 Promise 对象；
- 在外部设置一个 Map 对象，用于存储已经调用的 Promise。
从而可以避免在循环递归中陷入死循环。
2.4 示例代码
在处理 Promise 中的循环调用问题中，我们可以通过以下示例代码进行处理：
-- -------------------- ---- -------
-------- ---------------------- -
----- ----- - --- ------
------ -------- -------------- -
------ --- ----------------- ------- -- -
-- ------- ----- --- ----------- -- ----- --- ---- -- ------------ -
---------------
- ---- -- ------------------ -
-- ----------------- --- ---------- -
---------- --------------- --------- ------------
- ---- -
---------------- -----------
--------------------------------- --------
-
- ---- -
---------------- -----------
--------------------------------- --------
-
---
------------
-在以上代码中，我们使用了一个匿名函数，这个函数可以接收一个 Promise，并返回一个 Promise。在第一次调用的时候，由于没有缓存，所以直接调用 Promise 对象，缓存 Promise 对象并返回 Promise 对象。在之后的递归调用中，如果 Promise 对象未被缓存，则将它缓存，并调用 then() 方法。如果 Promise 对象已被缓存，则表示我们已经处理了这个 Promise 对象，因此设置状态为“handled”并拒绝当前 Promise。
三、总结
通过本文的介绍，我们了解了 Promise 的特点及其在循环调用中的应用。要处理 Promise 中的循环调用问题，我们应该采用以上的处理方法。同时，也需要注意代码的细节，避免陷入循环调用的死循环中。因此，在使用 Promise 时，我们要谨慎处理循环调用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645dd04b968c7c53b0030e20