TypeScript 范型的基本用法

GMLGDJ

已于 2022-11-29 21:57:53 修改

阅读量1k

点赞数

分类专栏： # TypeScript 文章标签： typescript javascript 开发语言

于 2022-11-29 21:55:28 首次发布

本文链接：https://blog.youkuaiyun.com/GMLGDJ/article/details/128102872

版权

本文深入介绍了 TypeScript 中的泛型概念，包括泛型在函数、类和接口中的使用方式。通过示例展示了如何定义和使用泛型，强调了泛型在确保代码类型安全和重用性方面的重要性。同时，还探讨了自定义泛型变量及其在实际编程场景中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

范型

泛型可以理解为宽泛的类型，通常用于类、函数、接口。

定义一个函数或类时，有些情况下无法确定其中要使用的具体类型（返回值、参数、属性的类型不能确定），此时泛型便能够发挥作用
举个例子：

function test(arg: any): any{
    return arg;
}

上例中，test函数有一个参数类型不确定，但是能确定的时其返回值的类型和参数的类型是相同的；
由于类型不确定所以参数和返回值均使用了any，但是很明显这样做是不合适的：
首先使用any会关闭TS的类型检查，其次这样设置也不能体现出参数和返回值是相同的类型；

常见的范型变量

T (Type) 表示类型
K (Key) 表示对象中键的类型
V (Value) 表示对象中值的类型
E (Element) 表示元素类型
可以自己定义其他的范型变量（例如下文中的U）

范型函数

// function声明定义范型
function name<T>(name: T): T {
  return name;
}
// 箭头函数定义范型
// const name = <T,>(name: T): T => name;
console.log(name<string>('yq'));

// 多个范型变量 自定义范型变量
function getInfo<T, U>(name: T, age: U): { name: T; age: U } {
  ret

最低0.47元/天解锁文章