javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > ES7 await捕获异常

ES7中await如何优雅的捕获异常详解

作者:前端摸鱼儿

异常捕获相信对大家来说并不陌生,下面这篇文章主要给大家介绍了关于ES7中await如何优雅的捕获异常的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

本篇文章介绍的是ES7await语法糖在调用的时候出现异常如何捕获?

传统方式

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方法,则返回一个nulldata组成的数组,否则返回错误信息合并上传入的附加信息undefined组成的数组。

测试用例

目录src/await-to-js.test.ts

测试用例分别测试了没有异常的单值,有异常的单值,传入了附加信息的异常,没有异常的对象。

结束语

看到如此优雅的能在一行实现了异步编程还能返回其错误对象,比try..catch优雅很多。我们开发尽量让自己的代码如艺术一样优雅。不仅能赏心悦目,还能易于维护。我们也能成为编程界的艺术家。

到此这篇关于ES7中await如何优雅的捕获异常的文章就介绍到这了,更多相关ES7 await捕获异常内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文