TypeScript 作为 JavaScript 的超集,凭借强大的类型系统让代码更健壮、更易维护。在日常开发中,自定义工具类型往往能帮我们高效解决类型安全问题。本文就分享 5 个实用的 TypeScript 自定义工具类型,或许能帮你规避常见坑点,甚至启发你打造专属工具类型来应对业务难题。
2. 用 Result 统一处理 API 交互
使用 fetch 或 axios 时,若忘记写.catch () 会导致未处理的 Promise 错误;部分 API 还会返回非标准的错误数据格式,增加处理复杂度。
React 场景的额外优势
在 React 的 useEffect 中使用时,可轻松处理 "请求取消" 场景(比如组件卸载前取消请求),避免 "已卸载组件触发 setState" 的警告
3. 用 Brand 避免 "原始类型滥用"
"原始类型滥用" 是常见代码坏味道:用 string/number 等原始类型表示业务概念(如用户 ID、文档 ID),易导致类型混淆。
关键特性
无运行时开销:__brand 字段仅在编译时存在,编译后会被移除,不影响代码性能;
强制类型校验:必须显式创建 "品牌化类型",避免无意识的类型混淆。