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

时间:2022-12-12 前端摸鱼儿人气:0

本篇文章介绍的是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优雅很多。我们开发尽量让自己的代码如艺术一样优雅。不仅能赏心悦目，还能易于维护。我们也能成为编程界的艺术家。

加载全部内容