Categories
Tags
Ai 生成 API学习 API简化 api请求 API调用 best-practices Blogging Caching catchTag catchTags class CLI Config context Context Context.Tag CSS Customization Demo development DocC Docker dual API Effect effect Effect.Service Effect.succeed Example extension ffmpeg filterOrFail flatMap Fuwari gen generator grep hooks HTML HTTP响应 IDE自动补全 iOS javascript JavaScript Javascript Layer.effect Layer.provide Layers Linux Markdown Mock n8n Next.js ParseError pipe pokemon PostCSS process.env progress Promise promise provideService PWA react React React Hook Form React Query React Router react-native Scheduler Schema Schema.Class security Service Worker Services SSR state-management suspense Tagged Errors TaggedError TanStack Query TanStack Start tips tryPromise tsconfig TypeScript typescript Video VS Code vscode Web API Web Development yield yt-dlp Zod 不透明类型 二叉树 代码组织 任务调度 优先级 使用服务 依赖注入 依赖管理 值语义 入门教程 最佳实践 最小堆 函数式编程 函数组合 前端 前端开发 副作用 副作用控制 可视化 可组合性 可维护性 可访问性 命令行 响应过滤 多个错误 实现 实践指南 层 层依赖 层组合 工具链 并发控制 应用架构 延迟执行 开发技巧 开发教程 开源 异步处理 异步操作 异步编程 性能优化 手写系列 排序 接口设计 插件开发 数据结构 数据获取 数据解码 数据验证 无限滚动 日历 日志分析 服务 服务依赖 服务定义 服务实现 服务提供 测试 源码分析 状态管理 环境变量 生成器 离线支持 程序分离 算法 类型安全 类型定义 类型推断 类型系统 类定义 线性代码 组合 翻译 自动化 自定义错误 表单验证 记忆化 设计模式 语义化 运维 运行时验证 部分应用 配置 配置变量 配置服务 配置管理 重构 错误处理 错误定义 错误恢复 项目设置
489 words
2 minutes
[使用生成器进行组合] 02. 分离程序定义和错误处理
分离程序定义和错误处理
你可能已经注意到 .gen 代码中缺少了 catchTags:
const main = Effect.gen(function* () {
const response = yield* fetchRequest;
if (!response.ok) {
return yield* new FetchError();
}
return yield* jsonResponse(response);
});将程序的实现与错误处理分离是一个好的实践。这样我们可以专注于逻辑,然后基于类型签名来处理错误:
program包含核心实现(类型为Effect<unknown, FetchError | JsonError>)main在错误处理后_派生_自program(类型为Effect<unknown, never>,注意错误类型为never)
/// 👇 核心实现
const program = Effect.gen(function* () {
const response = yield* fetchRequest;
if (!response.ok) {
return yield* new FetchError();
}
return yield* jsonResponse(response);
});
/// 👇 错误处理
const main = program.pipe(
Effect.catchTags({
FetchError: () => Effect.succeed("Fetch error"),
JsonError: () => Effect.succeed("Json error"),
})
);进行错误处理最常见和建议的方式是在
program后使用pipe操作符。
此时我们有以下代码:
index.ts
import { Data, Effect } from "effect";
/** 错误定义 **/
class FetchError extends Data.TaggedError("FetchError")<{}> {}
class JsonError extends Data.TaggedError("JsonError")<{}> {}
/** 实现部分 **/
const fetchRequest = Effect.tryPromise({
try: () => fetch("https://pokeapi.co/api/v2/pokemon/garchomp/"),
catch: () => new FetchError(),
});
const jsonResponse = (response: Response) =>
Effect.tryPromise({
try: () => response.json(),
catch: () => new JsonError(),
});
const program = Effect.gen(function* () {
const response = yield* fetchRequest;
if (!response.ok) {
return yield* new FetchError();
}
return yield* jsonResponse(response);
});
/** 错误处理 **/
const main = program.pipe(
Effect.catchTags({
FetchError: () => Effect.succeed("Fetch error"),
JsonError: () => Effect.succeed("Json error"),
})
);
/** 运行 Effect **/
Effect.runPromise(main).then(console.log);通过这种方式,我们能够在 .gen 内部使用线性代码实现逻辑,跟踪所有错误,然后单独处理它们。一切都是类型安全的,因为所有错误都在 Effect 的类型中报告。
等等,我们是不是忘记了什么?
main 的返回类型仍然是 Effect<unknown>。为什么是 unknown?我们在这里寻找的是一个 Pokémon!
我们如何确保 unknown 实际上是一个有效的 Pokémon?
事实证明,这个问题在纯 TypeScript 中是常见且不容易解决的。
让我们跳到下一个模块,学习如何使用 Schema 来解决这个问题。