如何在 JavaScript 中在一个 Promise 内调用另一个 Promise？

在使用 JavaScript 时，您可能会发现需要在一个 Promise 内调用另一个 Promise。虽然这看起来像是一项艰巨的任务，但一旦您理解了 Promise 的基础知识，它实际上就非常简单了。在本文中，我们将讨论如何在 JavaScript 中在一个 Promise 内调用另一个 Promise。

Promise 的基础知识

为了理解如何在另一个 Promise 内调用一个 Promise，首先必须理解 Promise 的基础知识。Promise 是一个对象，它代表异步操作的最终结果。Promise 用于在 JavaScript 中以更同步的方式处理异步操作。

在一个 Promise 内调用另一个 Promise

现在我们对 Promise 有了基本的了解，让我们讨论如何在另一个 Promise 内调用一个 Promise。首先，您需要创建一个返回 Promise 的函数。此函数应接收一个输入，并根据输入来解析或拒绝 Promise。

接下来，您需要创建一个 Promise，并将您在上一步中创建的函数作为输入传递。创建 Promise 后，您可以调用作为输入传递的函数。这将返回一个已解析或已拒绝的 Promise。

示例 1

以下是完整的可运行代码示例：

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result1"></div>
   <script>
      function func1(input) {
         return new Promise(function(resolve, reject) {
            if(input === "resolved") {
               resolve("resolved");
            } else {
               reject("rejected");
            }
         });
      }
      var promise = new Promise(function(resolve, reject) {
         func1("resolved").then(function(result) {
            resolve(result);
         }).catch(function(error) {
            reject(error);
         });
      });
      promise.then(function(result) {
         document.getElementById("result1").innerHTML = result // "resolved"
      }).catch(function(error) {
         document.getElementById("result1").innerHTML = error // "rejected"
      });
   </script>
</body>
</html>

在上面的代码示例中，我们创建了一个返回 Promise 的函数。此函数接收一个输入，并根据输入来解析或拒绝 Promise。然后，我们创建了一个 Promise，并将我们在上一步中创建的函数作为输入传递。创建 Promise 后，我们可以调用作为输入传递的函数。这将返回一个已解析或已拒绝的 Promise。

示例 2

以下是另一个在一个 Promise 内调用另一个 Promise 的示例：

<html>
<body>
   <h3>Calling a promise inside another promise</h3>
   <script>
      let firstPromise = new Promise((resolve, reject) => {
        resolve("Hello, ");
      })
      .then((result) => {
         document.write(result);
         return new Promise((resolve, reject) => {
            resolve(result + "<br> Welcome to JavaScript!");
         })
         .then((result) => {
            document.write(result);
         });
      });
   </script>
</body>
</html>

在一个 Promise 内调用另一个 Promise 的好处

在一个 Promise 内调用另一个 Promise 有几个好处。第一个好处是它允许您以更同步的方式处理异步操作。第二个好处是它使您的代码更具可读性和更易于理解。

在一个 Promise 内调用另一个 Promise 的缺点

在一个 Promise 内调用另一个 Promise 有几个缺点。第一个缺点是它可能使您的代码更复杂。第二个缺点是它可能使您的代码性能降低。

结论

总之，在一个 Promise 内调用另一个 Promise 是一种以更同步的方式处理异步操作的好方法。但是，务必记住，此技术可能会使您的代码更复杂且性能降低。

更新于：2022年9月14日

5000+ 次浏览

启动您的职业生涯

完成课程获得认证

开始学习
广告