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中非常重要的特性之一。

相关文章
|
6月前
|
JavaScript 前端开发 编译器
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)
124 0
|
6月前
|
JavaScript 编译器
TypeScript中泛型在函数和类中的应用
【4月更文挑战第23天】TypeScript的泛型在函数和类中提供了灵活性,允许处理多种数据类型。了解泛型是掌握TypeScript类型系统的关键。
|
18天前
|
JavaScript 前端开发
TypeScript【类型别名、泛型】超简洁教程!再也不用看臭又长的TypeScript文档了!
【10月更文挑战第11天】TypeScript【类型别名、泛型】超简洁教程!再也不用看臭又长的TypeScript文档了!
|
2月前
|
JavaScript 编译器
typescript之泛型
typescript之泛型
129 60
|
2月前
|
JavaScript 安全
typeScript进阶(14)_泛型和注意事项
TypeScript中的泛型允许创建可重用的代码。泛型可以定义函数、接口、类,支持传递类型参数,实现类型安全。泛型可以用于数组,约束类型参数必须符合特定的接口,也可以在接口和类中使用。泛型类可以包含多个类型参数,甚至在泛型约束中使用类型参数。
22 1
typeScript进阶(14)_泛型和注意事项
|
23天前
|
JavaScript 安全 前端开发
TypeScript :枚举&字符&泛型
本文介绍了 TypeScript 中的泛型、约束、枚举和字符操作的基本用法。通过示例代码展示了如何定义和使用泛型函数、类和接口,以及如何利用 `keyof` 约束类型。此外,还介绍了枚举的定义和使用,包括常量枚举和外部枚举的区别。最后,简要说明了 `?.` 和 `??` 操作符的用途,帮助处理可能为空的属性和提供默认值。
|
3月前
|
JavaScript 安全 算法
TypeScript:一个好泛型的价值
TypeScript:一个好泛型的价值
|
4月前
|
JavaScript 前端开发 程序员
Typescript 【实用教程】(2024最新版)含类型声明,类型断言,函数,接口,泛型等
Typescript 【实用教程】(2024最新版)含类型声明,类型断言,函数,接口,泛型等
74 0
|
5月前
|
JavaScript
TypeScript 泛型类型
TypeScript 泛型类型
|
5月前
|
JavaScript Java 编译器
TypeScript 泛型
TypeScript 泛型