TS中是否应尽量少用 await

在 TypeScript 中，await 本身是非常常用且有效的工具，用于简化处理异步操作的代码。然而，是否应“尽量避免 await”，取决于具体的使用场景和需求。

当你使用多个 await 操作时，如果这些异步操作是相互独立的，它们会按照顺序执行，导致不必要的延迟。换句话说，await 会按顺序等待每一个异步操作完成，而不进行并行执行。

示例：

const result1 = await asyncFunction1();
const result2 = await asyncFunction2();

在这种情况下，如果 asyncFunction1() 和 asyncFunction2() 是独立的操作（即它们之间没有依赖关系），那么应该避免将它们串行执行，而是并行执行。

对于独立的异步操作，推荐使用 Promise.all() 来并行执行，这样可以提高性能，因为所有的操作都会同时进行，而不是一个接一个地等待。

改进示例：

const [result1, result2] = await Promise.all([asyncFunction1(), asyncFunction2()]);

这样，asyncFunction1() 和 asyncFunction2() 会并行执行，而不是按顺序一个一个等。

在循环中使用 await 会使得每次迭代等待上一个异步操作完成，这会显著影响性能。为了避免这个问题，可以使用 Promise.all() 或者批量处理异步操作。

错误的示例：

for (let i = 0; i < 10; i++) {
    await asyncFunction(i);
}

这样每次循环都会等待 asyncFunction() 完成后再进入下一次循环，效率较低。

改进示例：

const promises = [];
for (let i = 0; i < 10; i++) {
    promises.push(asyncFunction(i));
}
 
const results = await Promise.all(promises);

这样所有的异步操作会并行执行，从而减少整体的执行时间。

如果在 await 调用中没有错误处理，会导致异常被未捕获。因此，在使用 await 时，务必确保有适当的 try-catch 错误处理。

try {
    const result = await someAsyncFunction();
} catch (error) {
    console.error('Error:', error);
}

虽然 await 是一个强大的工具，但在性能要求较高的场景下，合理选择异步操作的执行方式非常重要。

你是否有一些特定的场景，觉得 await 的使用不够高效呢？

Sean's Blog