快捷導(dǎo)航

ES7中await如何優(yōu)雅的捕獲異常詳解

更新時(shí)間：2022年12月12日 10:33:01 作者：前端摸魚(yú)兒

異常捕獲相信對(duì)大家來(lái)說(shuō)并不陌生,下面這篇文章主要給大家介紹了關(guān)于ES7中await如何優(yōu)雅的捕獲異常的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

傳統(tǒng)方式

try {
   const res = await getUser(id)   
}catch(err){
    console.log(err)
}

await讓我們使用異步方式開(kāi)發(fā)的代碼簡(jiǎn)便不少，但是每次使用如果都用try..catch來(lái)捕獲異常反而埋沒(méi)了它的優(yōu)勢(shì)。

 [ err, user ] = await to(UserModel.findById(1));

如果我們使用await同時(shí)還能捕獲異常，那顯然是很完美的實(shí)現(xiàn)方式。await-to-js出場(chǎng)~~

await-to-js

安裝

npm i await-to-js --save

使用

要求Node 7.6 (或以上)，需要ES7的轉(zhuǎn)義器，支持TypeScript

import to from 'await-to-js';
// 如果是Node環(huán)境，應(yīng)該這樣使用
// 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對(duì)象
 * @param { Object= } 附加的錯(cuò)誤
 * @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;

這段代碼很簡(jiǎn)單，定義了一個(gè)函數(shù)to，傳入的參數(shù)兩個(gè)：promise對(duì)象和附加信息。返回一個(gè)promise。如果promise沒(méi)有異常走的then方法，則返回一個(gè)null和data組成的數(shù)組，否則返回錯(cuò)誤信息合并上傳入的附加信息 和undefined組成的數(shù)組。

測(cè)試用例

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

測(cè)試用例分別測(cè)試了沒(méi)有異常的單值,有異常的單值，傳入了附加信息的異常，沒(méi)有異常的對(duì)象。

結(jié)束語(yǔ)

看到如此優(yōu)雅的能在一行實(shí)現(xiàn)了異步編程還能返回其錯(cuò)誤對(duì)象，比try..catch優(yōu)雅很多。我們開(kāi)發(fā)盡量讓自己的代碼如藝術(shù)一樣優(yōu)雅。不僅能賞心悅目，還能易于維護(hù)。我們也能成為編程界的藝術(shù)家。

到此這篇關(guān)于ES7中await如何優(yōu)雅的捕獲異常的文章就介紹到這了,更多相關(guān)ES7 await捕獲異常內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: