async/await捕获接口异常catch、promise

关注

原创最新推荐文章于 2026-08-12 05:29:25 发布 544 阅读 AI 写同款· GEO 优化 ›

告别try-catch地狱！用这3种方式优雅处理async/await异常本文探讨了三种优雅处理async/await异常的高阶实践，帮助开发者告别try-catch地狱。通过Promise链式捕获、await-to-js库方案和全局错误监听，实现代码的健壮性和可读性提升，特别适合复杂异步流程和统一错误处理场景。阅读详情

1.async/await捕获接口异常catch

async productInfoUpdate(param) {
 try{
      const res = await this.$api.material.product.productPreciousMetalSave(param)
      }catch(err){
      	console.log(err)
      }    
   }

2.封装promise，await等待

 funcGetSevrverCsv() { // 要被上级调用 return 必须是 Promise 对象
    const promise = new Promise((resolve, reject) => {
    axios.get(path).then((resp) => { // 浏览器本地 要从前端服务器 获取 服务器某个文件夹的数据 所以是异步
      const newData = d3.csvParse(resp.data); // d3 将csv文本字符串 转换成 对象数组
      // 在这里处理CSV数据
      resolve(newData); // 正常 调用 resolve方法 返回数据
    }).catch((error) => {
      // 处理错误
      console.error(error); 
      reject(error); // 异常调用 reject方法 返回数据
    });
  });
 
  return promise; // 返回Promise对象
}