TypeScript/JavaScript中能否实现异步try/catch统一语法？

关于try async语法的现状 #

目前JavaScript和TypeScript没有try async这类语法，JS标准化委员会（TC39）也没有公开的相关提案计划。异步代码的错误捕获逻辑，本质上必须遵循Promise的处理规则：

• 需要等待异步操作完成时，必须用await配合try/catch
• 无需等待时，只能通过.catch()方法捕获Promise的拒绝

统一错误捕获的替代方案 #

你可以通过封装工具函数或优化原有实现，把两种场景的错误处理逻辑统一，不用维护两套写法：

方案1：封装通用错误处理函数 #

// 通用错误处理函数，统一处理异步错误
const handleAsyncError = <T>(promise: Promise<T>, errorHandler: (err: Error) => void): Promise<T> => {
  return promise.catch(error => {
    errorHandler(error);
    throw error; // 可选：如果需要上层继续处理错误，可保留抛出逻辑
  });
};

// 无需等待的场景
handleAsyncError(this.doSomething(), (error) => {
  console.error(error);
});

// 需要等待的场景
try {
  await handleAsyncError(this.doSomething(), (error) => {
    console.error(error);
  });
  // 执行后续逻辑
} catch (error) {
  // 上层额外错误处理（可选）
}

方案2：优化doSomething的实现（推荐） #

你的doSomething手动用Promise包裹RxJS Observable，其实可以直接用RxJS的firstValueFrom简化实现，同时在内部统一处理错误，让外部调用更简洁：

import { firstValueFrom } from 'rxjs';

async doSomething(): Promise<void> {
  try {
    const val = await firstValueFrom(this.myService.fetchUserDataFromDB());
    this.userData = val;
  } catch (error) {
    let uiErrorMsg = 'Failed to fetch user data';
    let consoleErrorMsg = 'Error occurred when calling backend API fetchUserDataFromDB';
    
    if (error instanceof HttpErrorResponse) {
      consoleErrorMsg += ` | Status: ${error.status} ${error.statusText} | URL: ${error.url}`;
    }
    
    const consoleError = new Error(consoleErrorMsg);
    console.error(consoleError); // 内部统一打印错误
    
    if(error?.status !== 401) {
      const data = [{ title: 'Alert', message: [uiErrorMsg] }, { okButtonTitle: 'Close' }];
      const dialogRef = this.dialog.open(ConfirmationModalComponent, {data});
      await firstValueFrom(dialogRef.afterClosed()); // 可选：等待弹窗关闭
    }
    
    throw consoleError; // 抛出错误，供外部按需处理
  }
}

优化后外部调用：

• 无需等待：this.doSomething();（错误已在内部处理，如需额外逻辑可追加.catch()）
• 需要等待：

try {
  await this.doSomething();
  // 执行后续逻辑
} catch (error) {
  // 上层额外错误处理
}

规避开发者误用的建议 #

1. 在doSomething的函数注释中明确标注这是异步函数，提醒开发者无论是否需要等待，都要处理Promise的错误（用await+try/catch或.catch()）
2. 在TypeScript中开启no-floating-promises编译选项，该选项会检测未处理的Promise（比如直接调用this.doSomething()不处理返回值），强制开发者处理异步结果或错误

内容的提问来源于stack exchange，提问作者the_overflowing_stack