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

相关文章
|
4月前
|
JavaScript 前端开发 编译器
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)
113 0
|
4月前
|
JavaScript 编译器
TypeScript中泛型在函数和类中的应用
【4月更文挑战第23天】TypeScript的泛型在函数和类中提供了灵活性,允许处理多种数据类型。了解泛型是掌握TypeScript类型系统的关键。
|
16天前
|
JavaScript 编译器
typescript之泛型
typescript之泛型
|
22天前
|
JavaScript 安全 算法
TypeScript:一个好泛型的价值
TypeScript:一个好泛型的价值
|
2月前
|
JavaScript 前端开发 程序员
Typescript 【实用教程】(2024最新版)含类型声明,类型断言,函数,接口,泛型等
Typescript 【实用教程】(2024最新版)含类型声明,类型断言,函数,接口,泛型等
56 0
|
2月前
|
JavaScript 安全
TypeScript(十一)泛型工具类型
TypeScript(十一)泛型工具类型
30 0
|
2月前
|
JavaScript 前端开发 索引
TypeScript(十)泛型进阶
TypeScript(十)泛型进阶
22 0
|
2月前
|
JavaScript 开发者
TypeScript(九)泛型基础
TypeScript(九)泛型基础
17 0
|
3月前
|
JavaScript
TypeScript 泛型类型
TypeScript 泛型类型
|
3月前
|
JavaScript Java 编译器
TypeScript 泛型
TypeScript 泛型