ES7中await如何优雅的捕获异常详解
作者:前端摸鱼儿
异常捕获相信对大家来说并不陌生,下面这篇文章主要给大家介绍了关于ES7中await如何优雅的捕获异常的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
本篇文章介绍的是
ES7
中await
语法糖在调用的时候出现异常如何捕获?
传统方式
try { const res = await getUser(id) }catch(err){ console.log(err) }
await
让我们使用异步方式开发的代码简便不少,但是每次使用如果都用try..catch
来捕获异常反而埋没了它的优势。
[ err, user ] = await to(UserModel.findById(1));
如果我们使用await
同时还能捕获异常,那显然是很完美的实现方式。await-to-js
出场~~
await-to-js
安装
npm i await-to-js --save
使用
要求Node 7.6 (或以上),需要
ES7
的转义器,支持TypeScript
import to from 'await-to-js'; // 如果是Node环境,应该这样使用 // const to = require('await-to-js').default; async function asyncFunctionWithThrow() { const [err, user] = await to(UserModel.findById(1)); if (!user) throw new Error('User not found'); }
TypeScript的使用方式
interface ServerResponse { test: number; } const p = Promise.resolve({test: 123}); const [err, data] = await to<ServerResponse>(p); console.log(data.test);
源码
"main": "dist/await-to-js.umd.js",
/** * @param { Promise } promise对象 * @param { Object= } 附加的错误 * @return { Promise } */ export function to<T, U = Error> ( promise: Promise<T>, errorExt?: object ): Promise<[U, undefined] | [null, T]> { return promise .then<[null, T]>((data: T) => [null, data]) .catch<[U, undefined]>((err: U) => { if (errorExt) { const parsedError = Object.assign({}, err, errorExt); return [parsedError, undefined]; } return [err, undefined]; }); } export default to;
这段代码很简单,定义了一个函数to
,传入的参数两个:promise
对象和附加信息。 返回一个promise
。 如果promise
没有异常走的then
方法,则返回一个null
和data
组成的数组,否则返回错误信息
合并上传入的附加信息
和undefined
组成的数组。
测试用例
目录src/await-to-js.test.ts
测试用例分别测试了没有异常的单值,有异常的单值,传入了附加信息的异常,没有异常的对象。
结束语
看到如此优雅的能在一行实现了异步编程还能返回其错误对象,比try..catch
优雅很多。我们开发尽量让自己的代码如艺术一样优雅。不仅能赏心悦目,还能易于维护。我们也能成为编程界的艺术家。
到此这篇关于ES7中await如何优雅的捕获异常的文章就介绍到这了,更多相关ES7 await捕获异常内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!