首页
/ Type-Fest项目中WritableKeysOf类型的缺陷分析与解决方案

Type-Fest项目中WritableKeysOf类型的缺陷分析与解决方案

2025-05-14 09:58:15作者:谭伦延

问题背景

在TypeScript类型编程中,Type-Fest项目提供了一个非常实用的WritableKeysOf工具类型,用于提取对象类型中所有可写属性的键。然而,这个类型在某些情况下会出现不符合预期的行为,特别是当处理包含可选属性或只读属性的接口时。

问题现象

当使用WritableKeysOf处理如下接口时:

interface User {
    name: string;
    surname?: string;
    readonly id: number;
}

理论上,我们期望WritableKeysOf<User>返回"name" | "surname",因为:

  1. name是可写的常规属性
  2. surname是可写的可选属性
  3. id是只读属性,不应包含在内

但实际返回的类型却是"name" | "surname" | undefined,这显然不符合预期,因为undefined不应该出现在属性键的联合类型中。

问题分析

原始实现的问题

Type-Fest项目中WritableKeysOf的原始实现大致如下:

type WritableKeysOf<T> = {
  [P in keyof T]: IsEqual<{ [Q in P]: T[P] }, { readonly [Q in P]: T[P] }> extends false ? P : never
}[keyof T];

这个实现存在两个主要问题:

  1. 未处理可选属性:当处理可选属性时,映射类型会保留undefined的可能性,导致最终结果中也包含undefined

  2. 未正确处理联合类型:当处理联合类型时,类型比较可能会产生意外结果。

解决方案探索

针对第一个问题,可以通过添加-?修饰符来移除可选性:

type WritableKeysOf<T> = {
  [P in keyof T]-?: IsEqual<{ [Q in P]: T[P] }, { readonly [Q in P]: T[P] }> extends false ? P : never
}[keyof T];

这个修改确实解决了undefined出现在结果中的问题,但它并不能完全解决所有情况,特别是当处理联合类型时。

深入解决方案

更健壮的实现

为了创建一个更健壮的WritableKeysOf实现,我们需要考虑以下几点:

  1. 正确处理可选属性:使用-?移除可选性
  2. 正确处理只读属性:准确识别哪些属性是只读的
  3. 处理联合类型:确保在联合类型上也能正确工作

一个更完整的实现可能如下:

type WritableKeysOf<T> = {
  [P in keyof T]-?: IfEquals<
    { [Q in P]: T[P] },
    { -readonly [Q in P]: T[P] },
    P,
    never
  >
}[keyof T];

这里使用了IfEquals类型来精确比较两个类型是否相等,同时使用-readonly来确保我们比较的是非只读版本。

类型比较的复杂性

在TypeScript中,准确比较两个类型是否相等是一个复杂的问题。简单的extends检查往往不够,因为TypeScript的类型系统是结构化的。我们需要更精确的类型比较技术,通常使用交叉类型和条件类型的组合来实现。

实际应用建议

在实际项目中,如果需要使用WritableKeysOf类型,建议:

  1. 明确需求:确定你是否真的需要区分可写和只读属性
  2. 测试边界情况:在使用前测试各种边界情况,包括可选属性、联合类型等
  3. 考虑替代方案:有时候简单的keyof T可能就足够了,不需要区分可写性

总结

TypeScript的类型系统虽然强大,但在处理一些边缘情况时仍然存在挑战。WritableKeysOf类型的实现展示了在类型编程中需要考虑的各种因素,包括可选性、只读性和联合类型等。通过深入理解这些概念和仔细处理各种边界情况,我们可以创建出更健壮、更可靠的工具类型。

对于Type-Fest项目而言,这个问题也提醒我们在设计通用工具类型时需要全面考虑各种使用场景,确保类型在不同情况下都能表现出符合预期的行为。

登录后查看全文
热门项目推荐
相关项目推荐

项目优选

收起
kernelkernel
deepin linux kernel
C
22
6
docsdocs
OpenHarmony documentation | OpenHarmony开发者文档
Dockerfile
161
2.05 K
nop-entropynop-entropy
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
8
0
openGauss-serveropenGauss-server
openGauss kernel ~ openGauss is an open source relational database management system
C++
146
191
leetcodeleetcode
🔥LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer(第 2 版)》、《程序员面试金典(第 6 版)》题解
Java
60
16
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
198
279
apintoapinto
基于golang开发的网关。具有各种插件,可以自行扩展,即插即用。此外,它可以快速帮助企业管理API服务,提高API服务的稳定性和安全性。
Go
22
0
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
949
556
ShopXO开源商城ShopXO开源商城
🔥🔥🔥ShopXO企业级免费开源商城系统,可视化DIY拖拽装修、包含PC、H5、多端小程序(微信+支付宝+百度+头条&抖音+QQ+快手)、APP、多仓库、多商户、多门店、IM客服、进销存,遵循MIT开源协议发布、基于ThinkPHP8框架研发
JavaScript
96
15
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
346
1.33 K