本文介绍如何通过 TypeScript 的映射类型机制，仅基于原始接口（如 MyForm），自动生成所有属性均为可选且允许 null 值的新类型（如 MyFormOptional），无需手动重复定义。
本文介绍如何通过 typescript 的映射类型机制，仅基于原始接口（如 `myform`），自动生成所有属性均为可选且允许 `null` 值的新类型（如 `myformoptional`），无需手动重复定义。
在 TypeScript 开发中，我们常需对已有类型进行安全、可复用的变形——例如将表单提交类型转为表单编辑/初始化类型，此时字段往往尚未填写，既应允许缺失（?），也应允许显式设为 null（如清空输入框）。直接手写新类型不仅冗余，还易与源类型脱节，违背 DRY 原则。
幸运的是，TypeScript 提供了强大的映射类型（Mapped Types）能力，让我们能以声明式方式批量转换类型。核心思路是：遍历原类型的每个键 K，为每个属性添加可选修饰符 ?，并将其值类型扩展为 T[K] | null。
以下是实现该转换的通用工具类型：
type PartialAndNullable<t> = {
[K in keyof T]?: T[K] | null;
};
// 应用示例
type MyForm = {
email: string;
password: string;
};
type MyFormOptional = PartialAndNullable<myform>;
// 等价于：
// {
// email?: string | null;
// password?: string | null;
// }</myform></t>
该类型利用了两个关键语法：
- [K in keyof T]：遍历 T 的所有键；
- ?：映射修饰符，使每个属性变为可选；
- T[K] | null：联合原始属性类型与 null，确保类型安全。
? 注意事项：
- 此方案保持完全静态、零运行时开销，纯编译期类型操作；
- 若需兼容 undefined（例如 event.target.value 可能为 undefined），可进一步改为 T[K] | null | undefined，但通常 ? 已隐含 undefined，故 T[K] | null 更精准表达“显式可空”语义；
- 避免与内置 Partial
混淆：Partial 仅添加 ?，不修改值类型；而本方案是 Partial 与 Nullable 的组合增强。
总结：通过一行映射类型定义 PartialAndNullable
