Async/await
是 ES7 中的新特性,它可以让开发者编写异步代码像同步代码一样
的确它给我们带来了很多方便的地方,但是在Async/await
中如何来处理错误呢?
在异步的调用中,会产生各种不同的错误,例如:HTTP 请求产生了错误、访问 DB 产生的异常、操作文件产生异常。在 Promise
的使用中,当承诺遇到了错误,它会抛出一个异常,该异常将被捕获到一个方法回调中。在 Async/await
中,我们又如何处理呢,当然很多人会回答:使用 try/catch
async function asyncFunc() {
try {
const product = await Api.product({ id: 10 }); if (!product) {
console.log('No product found')
}
} catch (err) {
console.log(err)
} try {
const saveProduct = await Api.save({
id: product.id, name: product.name
})
} catch (err) {
console.log(err)
}
}
回顾上面的代码,try/catch
的确可以来解决错误异常的处理,但是让代码非常的不干净,原本 Async/await
Go-lang 的灵感
在 Go 语言中处理异常的方式是这样的:
f, err := os.Open("filename.txt")if err != nil { return err }
它看起来要比繁多的 try/catch
更佳的干净,并且让代码更佳容易阅读。我们是不是可以把这种语法运用到 Async/await
中去呢,但是让人失望的是Async/await
如果产生了错误会立即退出你的函数,除非用 try/catch
,否则你无法控制它。
但是没有我们聪明的工程师无法办到的事情,Dima 和他的小伙伴利用 Promise 来解决了这个问题:
export default function to(promise) {
return promise.then(data => {
return [null, data]
})
.catch(err => [err])
}
这一个工具方法接收一个承诺,让后将异步获取到的数据作为返回数组
的第二个值,捕捉到的错误作为返回数组
第一个值。然后我们的异步代码会变成这样:
async function asyncFunc() {
let err, product, saveProduct;
[err, product] = await to(Api.product({ id: 10 })); if (!product) {
console.log('No product found')
}
[err, saveProduct] = await to(Api.save({
id: product.id, name: product.name
})); if (err) {
console.log(err)
}
}
由此一来,Async/await
await-to-js
最后给 await-to-js
点一个赞,它很好的将这一工具封装成了模块,你可以通过 npm 来安装它,源码地址:https:///scopsy/await-to-js ,代码其实很少,用 Typescript 写的,小功能大作用。
/**
* @param { Promise } promise
* @param { Object= } errorExt - Additional Information you can pass to the err object
* @return { Promise }
*/
export function to<T, U = any>(
promise: Promise<T>,
errorExt?: object
): Promise<[U | null, T | undefined]> {
return promise
.then < [null, T] > ((data: T) => [null, data])
.catch < [U, undefined] > (err => {
if (errorExt) {
Object.assign(err, errorExt)
} return [err, undefined]
})
}
export default to
作者:一俢