0
点赞
收藏
分享

微信扫一扫

如何优雅的捕获错误


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

// 假设这是一个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('正常处理...')
}
}

是不是很棒!!!

​​参考文章​​


举报

相关推荐

0 条评论