TS快速入门-泛型

最新推荐文章于 2024-07-29 09:12:45 发布

温情key

最新推荐文章于 2024-07-29 09:12:45 发布

阅读量2.1k

点赞数 1

分类专栏： ts 文章标签：前端 typescript

本文链接：https://blog.csdn.net/qq_48960335/article/details/125640445

版权

本文介绍了如何在TypeScript中使用泛型，包括泛型函数、泛型接口、泛型类以及泛型约束。通过泛型，可以提高代码的复用性和类型安全性，避免使用any带来的问题。示例中详细解释了泛型在不同场景下的应用。

摘要由CSDN通过智能技术生成

当我们定义一个变量不确定类型的时候有两种解决方式：

使用any
使用any定义时存在的问题：虽然知道传入值的类型但是无法获取函数返回值的类型；另外也失去了ts类型保护的优势
使用泛型
泛型指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定具体类型的一种特性。

泛型函数

定义一个函数，传入两个参数，第一个参数是任何类型的数据，第二个参数是数量

函数的作用是根据数量产生对应个数的数据，存放在一个数组中

// <>里面传入类型
function getArr<T>(val: T, count: number): Array<T> {
   
    const arr: Array<T> = []; // 也可以这样定义 const arr: T[] = [];
    for(let i = 0; i < count; i++) {
   
        arr.push(val)
    }
    return arr
}

console.log(getArr<string>('温情key', 5));  // [ '温情key', '温情key', '温情key', '温情key', '温情key' ]
// 也可以省略调用时的类型，TS会帮我推断出这个参数的类型
console.log