关于 fp-ts Option and Either
面向 TypeScript 开发者的 fp-ts 指南,讲解用 Option 表示缺失值、用 Either 表示错误,并通过示例展示组合、校验与安全访问。
主要功能
- 01选择 Option 或 Either
- 02处理可空值
- 03组合与转换值
- 04将异常转换为 Either
- 05使用 Either 校验数据
- 06安全访问数组与记录
适用场景
- 01表示 API 或对象中的可选字段
- 02无需 try-catch 地处理失败
- 03构建可组合的校验流程
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ whatiskadudoing/ fp-ts-skills --skill fp-ts-option-and-either安装后在 Claude Code 中输入/fp-ts-option-and-either确认已加载。
详细介绍
fp-ts Option 和 Either 指南
本指南介绍如何在 TypeScript 代码中安全地使用 fp-ts 的 Option 和 Either。
何时使用 Option,何时使用 Either
在以下情况下使用 Option:
- 值可能存在,也可能不存在(nullable/undefined 场景)
- 不需要知道值缺失的原因
- 处理可选字段、数组查找或字典访问
在以下情况下使用 Either:
- 操作可能失败,且需要错误信息
- 替换 try-catch 代码块
- 需要说明不同的失败原因
- 构建验证管道
导入
// Option imports
import * as O from 'fp-ts/Option'
import { pipe } from 'fp-ts/function'
// Either imports
import * as E from 'fp-ts/Either'
import { pipe } from 'fp-ts/function'
// Both together
import * as O from 'fp-ts/Option'
import * as E from 'fp-ts/Either'
import { pipe, flow } from 'fp-ts/function'
Option:处理可空值
将可空值转换为 Option
import * as O from 'fp-ts/Option'
import { pipe } from 'fp-ts/function'
// fromNullable: converts null/undefined to None, otherwise Some
const maybeUser = O.fromNullable(getUserById(id)) // Option<User>
// fromPredicate: creates Some if predicate passes, None otherwise
const positiveNumber = O.fromPredicate((n: number) => n > 0)(value)
// Manual construction
const some = O.some(42) // Some(42)
const none = O.none // None
从 Option 中提取值
// getOrElse: provide a default value
const username = pipe(
maybeUser,
O.map(user => user.name),
O.getOrElse(() => 'Anonymous')
)
// getOrElseW: wider type for default (when types differ)
const result = pipe(
maybeNumber,
O.getOrElseW(() => 'not found' as const)
) // number | 'not found'
// fold/match: handle both cases explicitly
const greeting = pipe(
maybeUser,
O.fold(
() => 'Hello, stranger!', // None case
(user) => `Hello, ${user.name}!` // Some case
)
)
// Alternative: match (same as fold, more descriptive name)
const greeting = pipe(
maybeUser,
O.match(
() => 'Hello, stranger!',
(user) => `Hello, ${user.name}!`
)
)
转换 Option 值
// map: transform the inner value (if present)
const userName = pipe(
maybeUser,
O.map(user => user.name)
) // Option<string>
// chain (flatMap): when transformation returns Option
const userEmail = pipe(
maybeUser,
O.chain(user => O.fromNullable(user.email))
) // Option<string>
// filter: keep Some only if predicate passes
const adultUser = pipe(
maybeUser,
O.filter(user => user.age >= 18)
)
组合 Option
// sequenceArray: convert Option<T>[] to Option<T[]>
import { sequenceArray } from 'fp-ts/Option'
const maybeNumbers: O.Option<number>[] = [O.some(1), O.some(2), O.some(3)]
const allNumbers = sequenceArray(maybeNumbers) // Some([1, 2, 3])
const withNone: O.Option<number>[] = [O.some(1), O.none, O.some(3)]
const result = sequenceArray(withNone) // None
// ap: apply Option<(a: A) => B> to Option<A>
import { ap } from 'fp-ts/Option'
const add = (a: number) => (b: number) => a + b
const result = pipe(
O.some(add),
ap(O.some(1)),
ap(O.some(2))
) // Some(3)
Either:处理错误
将 Try-Catch 转换为 Either
import * as E from 'fp-ts/Either'
import { pipe } from 'fp-ts/function'
// tryCatch: wraps throwing functions
const parseJSON = (json: string): E.Either<Error, unknown> =>
E.tryCatch(
() => JSON.parse(json),
(error) => error instanceof Error ? error : new Error(String(error))
)
// Usage
const result = parseJSON('{"valid": "json"}') // Right({ valid: 'json' })
const error = parseJSON('invalid json') // Left(SyntaxError)
// tryCatchK: creates a function that returns Either
const safeParseJSON = E.tryCatchK(
JSON.parse,
(error) => error instanceof Error ? error : new Error(String(error))
)
创建 Either 值
// Manual construction
const success = E.right(42) // Right(42)
const failure = E.left('Something went wrong') // Left('Something went wrong')
// fromNullable: convert nullable to Either with error
const getUser = (id: string): E.Either<string, User> =>
pipe(
findUserById(id),
E.fromNullable(`User not found: ${id}`)
)
// fromPredicate: create Right if predicate passes
const validateAge = E.fromPredicate(
(age: number) => age >= 18,
(age) => `Age ${age} is below minimum of 18`
)
从 Either 中提取值
// fold/match: handle both cases
const message = pipe(
result,
E.fold(
(error) => `Error: ${error.message}`, // Left case
(data) => `Success: ${JSON.stringify(data)}` // Right case
)
)
// getOrElse: provide default for Left case
const value = pipe(
result,
E.getOrElse((error) => defaultValue)
)
// getOrElseW: wider type for default
const value = pipe(
result,
E.getOrElseW((error) => null)
) // T | null
转换 Either 值
// map: transform Right value
const userAge = pipe(
getUser(id),
E.map(user => user.age)
) // Either<string, number>
// mapLeft: transform Left value (error mapping)
const withBetterError = pipe(
result,
E.mapLeft(error => new CustomError(error.message))
)
// bimap: transform both sides
const formatted = pipe(
result,
E.bimap(
(error) => `Error: ${error}`,
(value) => `Value: ${value}`
)
)
// chain (flatMap): when transformation returns Either
const userProfile = pipe(
getUser(id),
E.chain(user => getProfile(user.profileId))
) // Either<string, Profile>
// chainW: chain with wider error type
const result = pipe(
validateEmail(input), // Either<ValidationError, string>
E.chainW(sendEmail) // Either<NetworkError, Response>
) // Either<ValidationError | NetworkError, Response>
验证模式
import * as E from 'fp-ts/Either'
import { pipe } from 'fp-ts/function'
type ValidationError = { field: string; message: string }
const validateEmail = (email: string): E.Either<ValidationError, string> =>
email.includes('@')
? E.right(email)
: E.left({ field: 'email', message: 'Invalid email format' })
const validatePassword = (password: string): E.Either<ValidationError, string> =>
password.length >= 8
? E.right(password)
: E.left({ field: 'password', message: 'Password too short' })
// Sequential validation (stops at first error)
const validateUser = (email: string, password: string) =>
pipe(
E.Do,
E.bind('email', () => validateEmail(email)),
E.bind('password', () => validatePassword(password))
)
// For collecting all errors, use Validation from fp-ts
import * as A from 'fp-ts/Apply'
import { getSemigroup } from 'fp-ts/NonEmptyArray'
const applicativeValidation = E.getApplicativeValidation(
getSemigroup<ValidationError>()
)
常见模式
安全地访问数组
import * as A from 'fp-ts/Array'
import * as O from 'fp-ts/Option'
// head: safely get first element
const first = A.head([1, 2, 3]) // Some(1)
const empty = A.head([]) // None
// lookup: safely get element by index
const second = A.lookup(1)([1, 2, 3]) // Some(2)
const outOfBounds = A.lookup(10)([1, 2, 3]) // None
安全地访问对象属性
import * as R from 'fp-ts/Record'
import * as O from 'fp-ts/Option'
const config: Record<string, string> = { host: 'localhost' }
const host = R.lookup('host')(config) // Some('localhost')
const missing = R.lookup('port')(config) // None
在 Option 和 Either 之间转换
import * as O from 'fp-ts/Option'
import * as E from 'fp-ts/Either'
// Option to Either
const toEither = O.toEither(() => 'Value was missing')
const either = pipe(maybeValue, toEither) // Either<string, T>
// Either to Option (discards error)
const toOption = E.toOption
const option = pipe(either, toOption) // Option<T>
使用 TaskEither 执行异步操作
import * as TE from 'fp-ts/TaskEither'
import { pipe } from 'fp-ts/function'
// Wrap async operations
const fetchUser = (id: string): TE.TaskEither<Error, User> =>
TE.tryCatch(
() => fetch(`/api/users/${id}`).then(r => r.json()),
(error) => error instanceof Error ? error : new Error(String(error))
)
// Chain async operations
const getUserProfile = (id: string) =>
pipe(
fetchUser(id),
TE.chain(user => fetchProfile(user.profileId)),
TE.map(profile => profile.displayName)
)
// Execute
const result = await getUserProfile('123')() // Either<Error, string>
最佳实践
-
优先使用
pipe,而不是方法链式调用,以便更好地组合并进行 tree-shaking -
在系统边界使用
fromNullable,转换外部的可空值 -
使用 Either 时采用描述性错误类型,而不是通用字符串
-
利用类型推断——TypeScript 能够推断类型时,避免显式添加类型注解
-
错误类型不同时使用
chainW,以自动扩展联合类型 -
最终提取时优先使用
fold/match,确保处理两种情况
应避免的反模式
不要使用 isSome/isRight 进行流程控制
// BAD: loses type narrowing benefits
if (O.isSome(maybeUser)) {
console.log(maybeUser.value.name)
}
// GOOD: use fold/match
pipe(
maybeUser,
O.fold(
() => console.log('No user'),
(user) => console.log(user.name)
)
)
不要嵌套 Option/Either
// BAD: creates Option<Option<T>>
const nested = pipe(
maybeUser,
O.map(user => O.fromNullable(user.email))
) // Option<Option<string>>
// GOOD: use chain to flatten
const flat = pipe(
maybeUser,
O.chain(user => O.fromNullable(user.email))
) // Option<string>
不要过早使用 getOrElse
// BAD: extracts value too early, loses composition
const name = pipe(maybeUser, O.getOrElse(() => defaultUser)).name
// GOOD: keep in Option context, extract at the end
const name = pipe(
maybeUser,
O.map(user => user.name),
O.getOrElse(() => 'Unknown')
)
不要忽略 Left 值
// BAD: silently discards error information
const value = pipe(result, E.getOrElse(() => defaultValue))
// GOOD: handle or log errors appropriately
const value = pipe(
result,
E.fold(
(error) => {
logger.error('Operation failed', error)
return defaultValue
},
(value) => value
)
)
不要混用范式
// BAD: mixing try-catch with Either
try {
const result = pipe(
parseJSON(input),
E.chain(validate)
)
} catch (e) {
// This defeats the purpose
}
// GOOD: stay in Either world
pipe(
parseJSON(input),
E.chain(validate),
E.fold(
(error) => handleError(error),
(value) => handleSuccess(value)
)
)
评论
支持 Markdown