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