typescript 的类型系统很强大,但它的错误消息有时可能很神秘且难以理解。在本文中,我们将探索一种使用不可构造类型来创建清晰的、描述性的编译时异常的模式。这种方法通过使无效状态无法用有用的错误消息来表示来帮助防止运行时错误。
模式:具有自定义消息的不可构造类型
首先,我们来分解一下核心模式:
// create a unique symbol for our type exception declare const typeexception: unique symbol; // basic type definitions type struct = record<string any>; type funct<t r> = (arg: t) => r; type types<t> = keyof t & string; type sanitize<t> = t extends string ? t : never; // the core pattern for type-level exceptions export type unbox<t extends struct> = { [type in types<t>]: t[type] extends funct<any infer ret> ? (arg: ret) => any : t[type] extends struct ? { [typeexception]: `variant }> is of type <union>. migrate logic to <none> variant to capture }> types.`; } : (value: t[type]) => any; }; </none></union></any></t></t></t></t></t></string>
登录后复制
它是如何运作的
- typeexception 是一个独特的符号,充当我们错误消息的特殊键
- 当我们遇到无效类型状态时,我们返回一个带有 typeexception 属性的对象类型
- 此类型在运行时不可构造,迫使 typescript 显示我们的自定义错误消息
- 错误消息可以包含使用模板文字的类型信息
示例 1:带有自定义错误的变体处理
以下示例展示了如何将此模式与变体类型一起使用:
type datavariant = | { type: 'text'; content: string } | { type: 'number'; value: number } | { type: 'complex'; nested: { data: string } }; type varianthandler = unbox void; number: (value: number) => void; complex: { // this will trigger our custom error [typeexception]: `variant <complex> is of type <union>. migrate logic to <none> variant to capture <complex> types.` }; }>; // this will show our custom error at compile time const invalidhandler: varianthandler = { text: (content) => console.log(content), number: (value) => console.log(value), complex: (nested) => console.log(nested) // error: type has unconstructable signature }; </complex></none></union></complex>
登录后复制
示例 2:递归类型验证
这是一个更复杂的示例,展示了如何将模式与递归类型一起使用:
type treenode<t> = { value: t; children?: treenode<t>[]; }; type treehandler<t> = unbox void; node: treenode<t> extends struct ? { [typeexception]: `cannot directly handle node type. use leaf handler for inpidual values.`; } : never; }>; // usage example - will show custom error const invalidtreehandler: treehandler<string> = { leaf: (value) => console.log(value), node: (node) => console.log(node) // error: cannot directly handle node type }; </string></t></t></t></t>
登录后复制
示例 3:类型状态验证
以下是我们如何使用该模式来强制执行有效的类型状态转换:
type loadingstate<t> = { idle: null; loading: null; error: error; success: t; }; type statehandler<t> = unbox void; loading: () => void; error: (error: error) => void; success: (data: t) => void; // prevent direct access to state object state: loadingstate<t> extends struct ? { [typeexception]: `cannot access state directly. use inpidual handlers for each state.`; } : never; }>; // this will trigger our custom error const invalidstatehandler: statehandler<string> = { idle: () => {}, loading: () => {}, error: (e) => console.error(e), success: (data) => console.log(data), state: (state) => {} // error: cannot access state directly }; </string></t></t></t>
登录后复制
何时使用此模式
此模式在以下情况下特别有用:
- 您需要在编译时阻止某些类型组合
- 您希望针对类型违规提供清晰的描述性错误消息
- 您正在构建复杂的类型层次结构,其中某些操作应受到限制
- 您需要通过有用的错误消息引导开发人员采用正确的使用模式
技术细节
让我们分解一下该模式的内部工作原理:
// The [TypeException] property creates an unconstructable type because: // 1. The symbol cannot be constructed at runtime // 2. The property is a template literal type containing useful information // 3. TypeScript will try to unify this type with any attempted implementation // When you try to implement a type with TypeException: type Invalid = { [TypeException]: string; }; // TypeScript cannot create a value matching this type because: // - The TypeException symbol is not constructable // - The property type is a literal template that cannot be satisfied const invalid: Invalid = { // No possible implementation can satisfy this type };
登录后复制
相对于传统方法的优势
- 清除错误消息:您会收到自定义消息来准确解释出现的问题,而不是 typescript 的默认类型错误
- 编译时安全:所有错误都会在开发过程中捕获,而不是在运行时
- 自我记录:错误消息可以包含有关如何解决问题的说明
- 类型安全:保持完整的类型安全,同时提供更好的开发者体验
- 零运行时成本:所有检查都在编译时进行,没有运行时开销
结论
使用带有自定义错误消息的不可构造类型是创建自文档类型约束的强大模式。它利用 typescript 的类型系统在编译时提供清晰的指导,帮助开发人员在问题成为运行时问题之前捕获并修复问题。
在构建某些组合无效的复杂类型系统时,此模式特别有价值。通过使无效状态不可表示并提供清晰的错误消息,我们可以创建更易于维护且对开发人员友好的 typescript 代码。
以上就是使用不可构造类型的 TypeScript 中的丰富编译时异常的详细内容,更多请关注抖狐科技其它相关文章!
-
如何提升域名解析速度
提升域名解析速度的方法:选择可靠的 dns 提供商使用 dns 预取启用 dns 缓存使用 dnssec使用 cdn优化 dns 记录(a、aaaa、cname、mx、txt)如何提升域名解析速度 域...
-
EA确认《星球大战绝地》三部曲终章已在开发中
去年《星球大战绝地:幸存者》推出前不久,总监 Stig Asmussen 表示,他从一开始就将该系列设想为三部曲。现在,发行商 EA 已确认下一部《星球大战绝地》确实将为三部曲画上句号。最近在公司 2...
-
微博会员取消自动续费_微博会员怎么取消自动续费步骤
微博会员自动续费取消步骤:打开微博 app,进入个人中心(“我”),点击“会员中心”,选择需取消自动续费的会员,点击“取消自动续费”按钮即可。如何取消微博会员自动续费 取消步骤:打开微博 App,点击...
-
荣耀手机怎么关闭负一屏新闻资讯_荣耀手机屏蔽信息方法介绍
荣耀手机以其卓越的特性广受用户好评。如果您想了解如何关闭其负一屏新闻资讯,本文将为您提供详尽的说明。php小编柚子精心整理了相关资料,供您参考。文中详细介绍了关闭负一屏新闻资讯的步骤,帮助您轻松解决问...
-
《方舟:生存进化》186.2
《方舟:生存进化》官方在昨天进行了版本更新,更新之后的版本为186.2-186.4,这次更新有哪些改动呢?我觉得最大的改动莫过于服务器性能的提升和肉食动物的驯服速度和之前一样,下面是《方舟:生存进化》...