从不用 try-catch 实现的 async/await 语法说错误处理

2023-11-03 00:04:46

前不久看到 Dima Grossman 写的 How to write async await without try-catch blocks in Javascript。看到标题的时候，我感到非常好奇。我知道虽然在异步程序中可以不使用 try-catch 配合 async/await 实现错误处理，但实际上我从未这样做过。出于好奇，我决定尝试一下。

async/await 的错误处理

在 JavaScript 中，async/await 语法是一种非常方便的异步编程方式。它允许我们以同步的方式编写异步代码，从而使代码更加易读和易于维护。

async/await 语法的基本用法如下：

async function myFunction() {
  try {
    const result = await Promise.resolve('Hello, world!');
    console.log(result);
  } catch (error) {
    console.error(error);
  }
}

myFunction();

在这个例子中，myFunction() 函数是一个异步函数。它使用 await 等待 Promise.resolve() 函数返回结果。如果 Promise.resolve() 函数成功返回结果，则结果将被存储在 result 变量中，并通过 console.log() 函数输出到控制台。如果 Promise.resolve() 函数抛出错误，则错误将被捕获到 error 变量中，并通过 console.error() 函数输出到控制台。

如何不使用 try-catch 实现错误处理

在上面的例子中，我们使用了 try-catch 语句来处理错误。然而，在某些情况下，我们可能不想使用 try-catch 语句。例如，如果我们知道某个函数永远不会抛出错误，那么我们就可以不使用 try-catch 语句。

为了不使用 try-catch 语句来处理错误，我们可以使用生成器。生成器是一种特殊的函数，它可以暂停和恢复执行。我们可以使用生成器来编写异步代码，并在代码暂停的时候处理错误。

以下是如何使用生成器来不使用 try-catch 语句实现错误处理：

async function* myGeneratorFunction() {
  try {
    const result = await Promise.resolve('Hello, world!');
    yield result;
  } catch (error) {
    yield error;
  }
}

const generator = myGeneratorFunction();

generator.next().then((result) => {
  if (result.done) {
    console.log(result.value);
  } else {
    console.error(result.value);
  }
});

在这个例子中，myGeneratorFunction() 函数是一个异步生成器函数。它使用 yield 关键字来暂停执行。当我们调用 generator.next() 方法时，生成器函数将执行到 yield 语句处暂停执行。然后，我们就可以通过 result.done 和 result.value 属性来检查生成器函数是否已经完成执行，以及生成器函数返回的结果。