用于处理 Promise Rejection 的 TypeScript 语法

Question

我知道应该通过错误处理来处理被拒绝的承诺。

但是，我怀疑这段代码不起作用：

public myFunction(): Promise<number>
{
  try {
    return this.doThingAsync(...); //Returns a promise
  } catch (e) {
    return Promise.resolve(7); //Fallback value
  }
}

既然第一个return 立即返回了promise，那么try/catch 是不是没有机会处理promise 被拒绝的情况？我查看了转译的 JavaScript 并没有看到任何特别之处，即使我将函数标记为 async。

因此，await 需要 处理被拒绝的承诺以在 TypeScript 中工作而不使用 JavaScript 中较旧的 then/catch 语法？

根据我对 Promise 的理解，我希望以下内容起作用：

public async myFunction(): Promise<number>
{
  try {
    const result = await this.doThingAsync(...);
    return result;
  } catch (e) {
    return 7; //Fallback value
  }
}

Answer 1

既然第一次return立即返回promise，那么try/catch是不是没有机会处理promise被拒绝的情况？

确实，会引发错误的异步部分不会在此函数的执行上下文中运行，因此try 块不适用于该异步代码。

async/await 解决方案将具有该函数执行上下文恢复（这是await 的魔力），然后将在try...catch 上下文中处理错误.但是在正常的函数中并没有发生这样的执行上下文恢复，所以try...catch上下文在出错的那一刻是不存在的。

这是一个示例，承诺在 100 毫秒后被拒绝。第一个函数具有与您开始时相同的模式。它不会看到错误，因此存在“未捕获的承诺拒绝”（堆栈片段没有显示这一点，但它在浏览器控制台中）。

// Helper functions:
const delay = ms => new Promise(resolve => setTimeout(resolve, ms));
const delayAndError = ms => delay(ms).then(() => {throw "my error"});

function myFunction() {
  try {
    return delayAndError(100);
  } catch(e) {
    return Promise.resolve(7); // never happens
  }
}

myFunction().then(console.log); // This promise will reject; so no output

基本上有两种方法可以做到这一点。您已经展示了async/await 方式。但是您可以在没有该语法的情况下执行此操作。而不是try...catch 块，链接catch 方法调用：

// Helper functions:
const delay = ms => new Promise(resolve => setTimeout(resolve, ms));
const delayAndError = ms => delay(ms).then(() => {throw "my error"});

function myFunction() {
  return delayAndError(100).catch(e => 7);
}

myFunction().then(console.log); // 7

Answer 2

确实，在try/catch 中返回一个承诺将不会处理该承诺的未来拒绝。

简单地将方法切换到async 也不会奏效。为了正确处理错误/拒绝处理，您需要执行以下操作之一。

使用await

等待承诺确保控制在方法终止之前返回到方法，使其有机会处理错误。请注意，这需要将方法/函数标记为async。

public async myFunction(): Promise<number>
{
  try {
    const result = await this.doThingAsync(...);
    return result;
  } catch (e) {
    return 7; //Fallback value
  }
}

使用catch

您也可以在 Promise 上使用 catch 来指定当 Promise 被拒绝时应该执行的代码。请注意，catch 本身会返回一个 promise/thenable。

public myFunction(): Promise<number>
{
    return this.doThingAsync(...).catch(() =>
    {
      return 7; //Fallback value
    }
}