在前端开发中,我们经常会遇到需要处理函数返回结果的情况。有时候我们需要关心的是成功的情况,有时候我们需要关心的是出错的情况。为了解决这个问题,我们可以使用 either 类型。
either 类型是一种函数返回结果的数据类型,它可以表示成功或者错误。本文将介绍 npm 包 @apropos/either 的使用教程,以帮助前端开发者更好的使用该包来处理函数返回结果。
npm 包 @apropos/either
@apropos/either 是一款基于 TypeScript 的 npm 包,它提供了 either 类型的实现。使用该包,我们可以将函数的返回值以 either 类型方式进行封装,表示该函数的返回值只有成功或者失败两种情况。
该包的安装非常简单:
--- ------- --------------- ------
either 类型的定义
在了解如何使用 @apropos/either 之前,我们需要先了解 either 类型的定义。
---- --------- -- - ------- - ---------
可以看到,either 类型是由 Left 和 Right 两种类型组合而成。Left 表示失败情况,包含一个错误信息;Right 表示成功情况,包含一个成功结果。
----- ------- - ------------------ --- -------- ------ -- - ----- -------- - ------------------ --- -------- ------ -- -
使用示例
下面我们通过一个使用示例来了解如何使用 @apropos/either 。
假设我们有一个函数需要从后台获取用户信息,如果获取成功,则返回用户信息,如果获取失败,则返回错误信息。
----- -------- -------------------- ----------------- - --- - ----- -------- - ----- --------------------------------- -- ---------------- --- ---- - ------ -------------- - ---- - ------ --- ------------------ - - ----- --- - ------ --- ------------------ - -
使用 @apropos/either,我们可以将该函数的返回值以 either 类型方式进行封装。
----- -------- -------------------- ---------------------- ---------- - --- - ----- -------- - ----- --------------------------------- -- ---------------- --- ---- - ------ --- --------------------- - ---- - ------ --- ----------------- - - ----- --- - ------ --- ----------------- - -
现在,该函数返回值的数据类型不再是 UserInfo 或 Error,而是 Either<string, UserInfo> 类型,使用示例如下:
----- ------ - ----- -------------------- -- ------- ---------- ----- - ------------------------ -------------- - ---- - ------------------------ -------------- -
通过以上示例代码,我们可以看到使用 @apropos/either 包让代码在可读性和可维护性上有了很大提升。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005663181e8991b448e21ff