TypeScript泛型

简介: TS泛型是一种让代码可以更灵活地处理多种数据类型的技术。它可以在编写代码时不指定具体的数据类型,而是使用占位符,等到实际调用时再传入具体的类型参数。泛型可以应用于函数、类和接口等多个场景。

44. TypeScript泛型

TS泛型是一种让代码可以更灵活地处理多种数据类型的技术。它可以在编写代码时不指定具体的数据类型,而是使用占位符,等到实际调用时再传入具体的类型参数。泛型可以应用于函数、类和接口等多个场景。

在函数中使用泛型,可以让函数处理多种类型的数据。例如,下面的函数可以返回两个参数中较大的一个:

function max<T>(a: T, b: T): T {
   
  return a > b ? a : b;
}

在上面的代码中,我们使用了<T>来声明这个函数是一个泛型函数。T是一个占位符,表示在实际调用函数时会传入一个具体的类型参数。在函数体中,我们可以像处理普通类型一样处理T类型。

我们可以调用这个函数来处理不同类型的数据:

console.log(max<number>(1, 2)); // 2
console.log(max<string>('a', 'b')); // 'b'

在调用函数时,我们使用<number><string>来传入具体的类型参数,让函数处理对应类型的数据。

除了函数,我们还可以在类和接口中使用泛型。下面是一个泛型类的示例:

class Stack<T> {
   
  private items: T[] = [];

  push(item: T) {
   
    this.items.push(item);
  }

  pop(): T | undefined {
   
    return this.items.pop();
  }
}

在上面的代码中,我们定义了一个名为Stack的泛型类,它可以用来创建一个栈数据结构。T是一个占位符,表示栈中存储的元素的类型。我们可以使用Stack类来创建存储不同类型数据的栈:

const stack1 = new Stack<number>();
stack1.push(1);
stack1.push(2);
console.log(stack1.pop()); // 2

const stack2 = new Stack<string>();
stack2.push('a');
stack2.push('b');
console.log(stack2.pop()); // 'b'

在上面的代码中,我们使用<number><string>来创建存储不同类型数据的栈。由于Stack类使用了泛型,所以我们可以在创建栈的同时指定栈中元素的类型。

在处理复杂类型时,使用泛型可以让代码更加简洁、灵活。泛型可以提高代码的可读性和可维护性,是TypeScript中非常重要的特性之一。

相关文章
|
5月前
|
安全 JavaScript 编译器
TypeScript 泛型:解锁灵活且安全的代码重用
TypeScript 泛型:解锁灵活且安全的代码重用
|
JavaScript 编译器
TypeScript中泛型在函数和类中的应用
【4月更文挑战第23天】TypeScript的泛型在函数和类中提供了灵活性,允许处理多种数据类型。了解泛型是掌握TypeScript类型系统的关键。
|
5月前
|
存储 JavaScript 安全
TypeScript 泛型:让你的代码既灵活又安全的“魔法”
TypeScript 泛型:让你的代码既灵活又安全的“魔法”
|
8月前
|
人工智能 JavaScript 程序员
一文彻底搞明白HarmonyOS基础TypeScript中的泛型函数
程序员Feri是一位拥有12年+经验的技术专家,擅长嵌入式、鸿蒙、人工智能和Java等领域。本文深入探讨TypeScript中的泛型函数,涵盖基础语法、类型约束、高级技巧及应用场景。通过泛型函数,实现代码逻辑与具体类型的解耦,提升类型安全性和复用性。内容包括集合操作、API抽象、工具类开发等实际应用,以及条件类型、默认类型参数和工具类型的高级技巧。最后提醒开发者注意过度泛型化和性能权衡问题,总结泛型函数在TypeScript类型系统中的核心地位及其未来发展方向。
239 1
一文彻底搞明白HarmonyOS基础TypeScript中的泛型函数
|
JavaScript 编译器
typescript之泛型
typescript之泛型
260 60
|
JavaScript 安全
typeScript进阶(14)_泛型和注意事项
TypeScript中的泛型允许创建可重用的代码。泛型可以定义函数、接口、类,支持传递类型参数,实现类型安全。泛型可以用于数组,约束类型参数必须符合特定的接口,也可以在接口和类中使用。泛型类可以包含多个类型参数,甚至在泛型约束中使用类型参数。
152 1
typeScript进阶(14)_泛型和注意事项
|
JavaScript 前端开发
TypeScript【类型别名、泛型】超简洁教程!再也不用看臭又长的TypeScript文档了!
【10月更文挑战第11天】TypeScript【类型别名、泛型】超简洁教程!再也不用看臭又长的TypeScript文档了!
|
JavaScript 安全 算法
TypeScript:一个好泛型的价值
TypeScript:一个好泛型的价值
|
JavaScript 安全 前端开发
TypeScript :枚举&字符&泛型
本文介绍了 TypeScript 中的泛型、约束、枚举和字符操作的基本用法。通过示例代码展示了如何定义和使用泛型函数、类和接口,以及如何利用 `keyof` 约束类型。此外,还介绍了枚举的定义和使用,包括常量枚举和外部枚举的区别。最后,简要说明了 `?.` 和 `??` 操作符的用途,帮助处理可能为空的属性和提供默认值。
189 0
|
JavaScript 算法 开发者
16.【TypeScript 教程】TypeScript 泛型(Generic)
16.【TypeScript 教程】TypeScript 泛型(Generic)
276 2

热门文章

最新文章