JavaScript 中 await 怎么跳过错误继续执行后续-js教程-PHP中文网

await 遇到 reject 会抛出异常中断执行，需用 try/catch、safeawait 封装或 .catch() 主动捕获处理才能“跳过错误继续执行”，但关键流程不可盲目忽略错误。

javascript 中 await 怎么跳过错误继续执行后续

JavaScript 中 await 本身不会跳过错误——遇到 reject 会直接抛出异常，中断后续代码执行。要“跳过错误继续执行”，本质是**主动捕获并处理异常**，不让它向上冒泡中断流程。

用 try/catch 包裹单个 await

这是最常用、最清晰的方式。把可能失败的异步操作放在 try 块中，错误在 catch 中处理，之后的代码照常运行：

async function fetchUserData() {
  try {
    const user = await fetch('/api/user').then(r => r.json());
    console.log('用户数据：', user);
  } catch (err) {
    console.error('获取用户失败，但继续执行…', err.message);
  }

  // 这行一定会执行，无论上面是否出错
  const posts = await fetch('/api/posts').then(r => r.json());
  console.log('文章列表：', posts);
}

封装成“静默 await”工具函数

如果多个地方都需要类似逻辑，可以封装一个返回 [error, result] 的辅助函数（类似 Go 的错误处理风格）：

Java Maven Secondary Analysis

分析ZIP压缩包或GitLab仓库中的Java Maven项目，确定二次开发范围、类数量、模块分布及生产相关指标。

下载

async function safeAwait(promise) {
  try {
    const res = await promise;
    return [null, res];
  } catch (err) {
    return [err, null];
  }
}

// 使用示例
async function runTasks() {
  const [err1, data1] = await safeAwait(fetch('/api/a'));
  if (err1) console.warn('接口 A 失败，忽略');

  const [err2, data2] = await safeAwait(fetch('/api/b'));
  if (err2) console.warn('接口 B 失败，忽略');

  console.log('两个请求都尝试过了，继续下一步');
}

用 Promise.catch 链式静默错误

不写 try/catch，而是对 Promise 调用 .catch() 并返回默认值或 undefined，让 await 解析为该值：

async function loadWithDefaults() {
  // 即使 fetch 失败，await 得到的是 null，不会 throw
  const user = await fetch('/api/user')
    .then(r => r.json())
    .catch(() => null);

  console.log('用户：', user); // 可能是对象，也可能是 null

  const config = await fetch('/api/config')
    .then(r => r.json())
    .catch(() => ({ theme: 'light', lang: 'zh' }));

  console.log('配置：', config);
}