TypeScript 嵌套 Promise 如何返回

TypeScript 嵌套 Promise 如何返回

在 TypeScript 中，我们可以使用嵌套 Promise 来处理异步操作，嵌套 Promise 是指在一个 Promise 的回调函数中返回另一个 Promise，下面将详细介绍如何使用嵌套 Promise 并返回结果。

1. 创建嵌套 Promise

我们需要创建一个嵌套 Promise，在这个例子中，我们将创建一个名为 nestedPromise 的函数，该函数返回一个 Promise，该 Promise 在其回调函数中返回另一个 Promise。

function nestedPromise(): Promise<Promise<string>> {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve(
        new Promise((innerResolve) => {
          setTimeout(() => {
            innerResolve("Hello, World!");
          }, 1000);
        })
      );
    }, 1000);
  });
}

在上面的代码中，我们创建了一个名为 nestedPromise 的函数，该函数返回一个 Promise，这个 Promise 在其回调函数中返回另一个 Promise，第一个 Promise 在 1 秒后解析，第二个 Promise 在再过 1 秒后解析并返回字符串 "Hello, World!"。

2. 使用嵌套 Promise

要使用嵌套 Promise，我们可以使用 then 方法链式调用它们，在这个例子中，我们将调用 nestedPromise 函数，并在其解析后打印返回的字符串。

nestedPromise()
  .then((innerPromise) => {
    return innerPromise;
  })
  .then((result) => {
    console.log(result); // 输出： "Hello, World!"
  })
  .catch((error) => {
    console.error(error);
  });

在上面的代码中，我们首先调用 nestedPromise 函数，然后在其解析后返回内部的 Promise，接下来，我们再次使用 then 方法处理返回的 Promise，并在其解析后打印结果。

3. 错误处理

如果在嵌套 Promise 中发生错误，我们可以使用 catch 方法捕获错误，在这个例子中，我们将在内部和外部的 Promise 中都添加错误处理。

function nestedPromise(): Promise<Promise<string>> {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      reject(new Error("An error occurred"));
    }, 1000);
  });
}
nestedPromise()
  .then((innerPromise) => {
    return innerPromise;
  })
  .then((result) => {
    console.log(result);
  })
  .catch((error) => {
    console.error(error);
  });

在上面的代码中，我们在 nestedPromise 函数中添加了一个错误处理，当 Promise 被拒绝时，它将抛出一个错误，我们可以在 catch 方法中捕获这个错误。