DEV Community
·
TypeScript 类型挑战之旅——第1天：Pick
内容提要
作者通过一个 TypeScript 挑战深入学习 Pick 工具类型。任务是实现自定义的 Pick 类型，不使用内置 Pick。作者定义了接口 Todo，并创建类型 MyPick，接收两个参数 T 和 U，U 是 T 的键。MyPick 通过映射类型提取指定属性，生成新类型 TodoPreview，包含 title 和 completed 属性。这个练习展示了如何手动实现 TypeScript 的 Pick 功能。
关键要点
-
作者通过 TypeScript 挑战深入学习 Pick 工具类型。
-
任务是实现自定义的 Pick 类型，不使用内置 Pick。
-
定义了接口 Todo，包含 title、description 和 completed 属性。
-
创建类型 MyPick，接收两个参数 T 和 U，U 是 T 的键。
-
MyPick 通过映射类型提取指定属性，生成新类型 TodoPreview。
-
TodoPreview 只包含 title 和 completed 属性。
-
这个练习展示了如何手动实现 TypeScript 的 Pick 功能。
-
MyPick 接收两个参数：T 和 U，U 必须是 T 的键。
-
MyPick 创建新类型，提取指定属性。
-
通过提供 title 和 completed，创建了不包含 description 的新类型。
延伸解读
理解 MyPick 的实现
MyPick 类型的实现展示了 TypeScript 中映射类型的强大功能。通过使用 U extends keyof T，开发者可以确保传入的属性键是有效的，这样可以避免类型错误。这种方式不仅提高了代码的安全性，还增强了类型的灵活性。
Pick 类型的实际应用
在实际开发中，使用自定义的 Pick 类型可以帮助开发者根据需求提取对象的特定属性。这在处理大型数据结构时尤为重要，可以减少不必要的数据传输，提高性能。理解如何手动实现 Pick 类型，有助于加深对 TypeScript 类型系统的理解。
延伸问答
TypeScript中的Pick工具类型是什么？
Pick工具类型用于从给定类型中提取特定属性，生成一个新类型。
如何自定义实现TypeScript的Pick功能？
通过定义一个接收两个参数的类型MyPick，使用映射类型提取指定属性来实现自定义的Pick功能。
MyPick类型的参数是什么？
MyPick接收两个参数：T是基础类型，U是T的键的集合。
TodoPreview类型包含哪些属性？
TodoPreview类型只包含title和completed属性，不包括description。
MyPick如何提取指定属性？
MyPick通过映射类型的方式，遍历U中的每个键，从T中提取对应的属性。
这个TypeScript挑战的主要目的是什么？
主要目的是深入学习TypeScript的Pick工具类型，并通过实践加深理解。
