如何优雅的捕获错误

目暮deep-breaths lv.1

发布时间：2023-10-29 23:55:09 134

相关标签：

之前的经常会出现这样的代码逻辑：

// 假设这是一个API接口调用
function userInfo () {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve({
        data: {
          name: '张三', age: 18
        },
        code: '000'
      })
    }, 3000)
  })
}
// 在页面加载调用这个函数
async function getUserInfo () {
  try {
    let res = await userInfo()
    console.log('正常处理...')
  } catch (error) {
    // 错误捕获
  }
}

封装错误捕获

async function useCaptured (asyncFunc) {
  try {
    const res = await asyncFunc()
    return [null, res]
  } catch (error) {
    return [error, null]
  }
}

然后在任何你需要的文件中引入上面这个帮助函数，这个帮助函数的封装规则是遵循错误优先的规则，这点和node比较类似，然后函数的命名是遵循hooks的形式。

function userInfo () {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve({
        data: {
          name: '张三', age: 18
        },
        code: '000'
      })
    }, 3000)
  })
}

async function getUserInfo () {
  let [err, res] = await useCaptured(userInfo)
  if (!err) {
    console.log('正常处理...')
  }
}

是不是很棒！！！

参考文章

文章来源： https://blog.51cto.com/u_11415078/5879548

特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。