带你读《现代TypeScript高级教程》十一、泛型和类型体操(3)

简介: 带你读《现代TypeScript高级教程》十一、泛型和类型体操(3)

带你读《现代TypeScript高级教程》十一、泛型和类型体操(2)https://developer.aliyun.com/article/1348496?groupCode=tech_library


b)Required

Required 是 TypeScript 中的另一个内置泛型类型,它可以将给定类型 T 中的所有可选属性转换为必需属性。这对于确保对象的完整性非常有用。

 

interface Person {
  name?: string;
  age?: number;}
type RequiredPerson = Required;
const requiredPerson: RequiredPerson = { name: 'John', age: 25 };  // name 和 age 属性是必需的

在上面的示例中,Required Person 接口中的所有可选属性变为必需属性,从而创建了一个要求完整性的 RequiredPerson 类型。

c)Pick

Pick 是 TypeScript 中的另一个内置泛型函数,它可以从给定类型 T 中选择指定的属性 K 组成一个新的类型。

 

interface Person {
  name: string;
  age: number;
  address: string;}
type NameAndAge = Pick;
const person: NameAndAge = { name:
 'John', age: 25 };  // 只包含 name 和 age 属性

 

在上面的示例中Pick 从 Person 接口中选择了 'name' 'age' 属性,创建了一个新的类型 NameAndAge

 

我们还可以结合泛型和内置泛型函数来实现更复杂的类型操作。以下是一个示例,展示了如何使用 Pick 和泛型来创建一个函数,该函数从给定对象中选择指定属性,并返回一个新的对象。

 

function pickProperties(obj: T, keys: K[]): Pick {
  const result: Partial = {};
  for (const key of keys) {
    result[key] = obj[key];
  }
  return result as Pick;}
interface Person {
  name: string;
  age: number;
  address: string;}
const person: Person = {
  name: 'John',
  age: 25,
  address: '123 Main St'};
const nameAndAge = pickProperties(person, ['name', 'age']);  // 只包含 name 和 age 属性console.log(nameAndAge);  // 输出: { name: 'John', age: 25 }

 

在上面的示例中,pickProperties 函数接受一个泛型参数 T 和一个属性数组 keys。通过使用 Pick,我们将从给定对象 obj 中选择指定的属性 keys,并创建一个新的对象。

 

这个例子结合了泛型、内置泛型函数 Pickkeyof 操作符和 extends 关键字,展示了如何在 TypeScript 中处理复杂的类型操作和转换。

 

当涉及到官方内置的泛型函数时,还有一些重要的函数值得分析。让我们继续探讨一些常用的官方内置泛型函数以及它们的使用。

  1. Exclude

Exclude 是 TypeScript 中的一个内置泛型函数,用于从类型 T 中排除类型 U。它返回一个新类型,该新类型包含在 T 中存在但不在 U 中存在的成员类型。

 

type T = Exclude<"a" | "b" | "c", "a" | "b">;  // T 的类型为 "c"

 

在上面的示例中,Exclude<"a" | "b" | "c", "a" | "b"> 排除了类型 "a" 和 "b",返回类型为 "c"。


带你读《现代TypeScript高级教程》十一、泛型和类型体操(4)https://developer.aliyun.com/article/1348494?groupCode=tech_library

相关文章
|
4月前
|
JavaScript 前端开发
揭秘 TypeScript 条件类型:超越简单类型检查
揭秘 TypeScript 条件类型:超越简单类型检查
|
4月前
|
JavaScript 安全 索引
TypeScript 高级类型工具:Partial, Required, Record 的妙用与陷阱
TypeScript 高级类型工具:Partial, Required, Record 的妙用与陷阱
|
4月前
|
JavaScript 安全 IDE
TypeScript 类型体操:别让 `any` 毁了你的安全网!
TypeScript 类型体操:别让 `any` 毁了你的安全网!
|
4月前
|
安全 JavaScript 编译器
TypeScript 泛型:解锁灵活且安全的代码重用
TypeScript 泛型:解锁灵活且安全的代码重用
|
4月前
|
JavaScript 安全 编译器
TypeScript 类型守卫:让你的类型系统更智能
TypeScript 类型守卫:让你的类型系统更智能
|
4月前
|
存储 JavaScript 安全
TypeScript 泛型:让你的代码既灵活又安全的“魔法”
TypeScript 泛型:让你的代码既灵活又安全的“魔法”
|
7月前
|
人工智能 JavaScript 程序员
一文彻底搞明白HarmonyOS基础TypeScript中的泛型函数
程序员Feri是一位拥有12年+经验的技术专家,擅长嵌入式、鸿蒙、人工智能和Java等领域。本文深入探讨TypeScript中的泛型函数,涵盖基础语法、类型约束、高级技巧及应用场景。通过泛型函数,实现代码逻辑与具体类型的解耦,提升类型安全性和复用性。内容包括集合操作、API抽象、工具类开发等实际应用,以及条件类型、默认类型参数和工具类型的高级技巧。最后提醒开发者注意过度泛型化和性能权衡问题,总结泛型函数在TypeScript类型系统中的核心地位及其未来发展方向。
227 1
一文彻底搞明白HarmonyOS基础TypeScript中的泛型函数
|
9月前
|
存储 安全 JavaScript
TypeScript-内置应用程序类型-Recode
通过使用 `Record` 类型,开发者可以显著提升代码的安全性和可维护性。无论是配置对象、字典结构还是动态表单,`Record` 类型都提供了一个简洁、类型安全的解决方案。
434 82
|
JavaScript 前端开发 安全
深入理解TypeScript:增强JavaScript的类型安全性
【10月更文挑战第8天】深入理解TypeScript:增强JavaScript的类型安全性
303 0
|
JavaScript 前端开发 开发者
深入理解TypeScript:类型系统与实用技巧
【10月更文挑战第8天】深入理解TypeScript:类型系统与实用技巧