typescript泛型（六）_ts identity-优快云博客

本文深入探讨了泛型编程的概念，解释了其在软件工程中的重要性，特别是在提高代码复用性和灵活性方面的作用。通过对比不同方法，如使用具体类型、any类型及泛型，展示了泛型如何解决类型校验问题并支持不特定数据类型。此外，文章还介绍了泛型在函数、类和接口中的应用，以及如何实例化泛型类。

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

泛型：软件工程中，我们不仅要创建一致的定义良好的API，同时也要考虑可重用性。组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。

在像C#和Java这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据。这样用户就可以以自己的数据类型来使用组件。

通俗理解：泛型就是解决类接口方法的复用性、以及对不特定数据类型的支持(类型校验)

适用场景：不特定的数据类型值的返回

方法一，定义不同的函数，

问题：代码冗余

function getData(value:string):string{
    return value;
}
function getData1(value:number):number{
    return value;
}

方法二：any

问题：any放弃了类型检查,这个函数可以接收任何类型的参数，这样就丢失了一些信息：传入的类型与返回的类型应该是相同的。如果我们传入一个数字，我们只知道任何类型的值都有可能被返回。

用any,会有传入的参数类型和返回的参数类型可以不一致的问题

function getData(value:any):any{
    return value
}

方法三：泛型，可以支持不特定的数据类型

function identity<T>(arg: T): T {

return arg;

}

使用泛型函数：

第一种：传入所有的参数，包含类型参数：let output = identity<string>("myString"); // type of output will be 'string'

第二种方法更普遍。利用了类型推论 -- 即编译器会根据传入的参数自动地帮助我们确定T的类型：let output = identity("myString"); // type of output will be 'string'

function getData<T>(value:T){   
   return value
} 
getData<number>(1)   //T表示泛型，具体什么类型是调用这个方法的时候决定的
//getData<number>('1')  //报错
getData<string>('AAA')

//指定T类型，传入参数的值，返回值类型不做限制,例如不论参数什么格式，都固定返回字符串
function getData<T>(value:T):any{  
   return 'value'
}
getData<string>('A')



class MinNumber<T>{
    list:T[]=[];
    add(num:T):void{
        this.list.push(num)
    }
    IndexMin():T{
        let minVal=this.list[0]
        this.list.forEach((item,index,b)=>{
            if(minVal>item){
                minVal=item
            }
        })
        return minVal
    }
}
var min = new MinNumber<number>();   //实例化类 并且指定了类的T代表的类型是number
min.add(7)
min.add(2)
min.add(14)
min.add(8)
min.add(10)
min.IndexMin()


var minstr = new MinNumber<string>();
minstr.add('7')
minstr.add('2')
minstr.add('14')
minstr.add('8')
minstr.add('10')
minstr.IndexMin()

泛型接口

//函数类型接口

interface getData{

(str1:string,str2:string):string;

}

var d:getData=function(val1:string,val2:string):string{

return val1+'--'+val2

}

d('姓名','gg')

定义泛型接口方式一：

interface ConfigFn{
    <T>(value:T):T;
}
var data:ConfigFn = function<T>(value:T):T{
    return value
}
data<number>(33)

定义泛型接口方式二：

interface ConfigFn<T>{
    (value:T):T
}
function getData<T>(value:T):T{
    return value
}
var data:ConfigFn<string> = getData;
data('3')