await如何优雅的捕获异常？

news2024/9/24 3:25:08

传统方式

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组成的数组。