其他分享
首页 > 其他分享> > 泛型接口

泛型接口

作者:互联网

我们定义一个接口

函数类型接口

interface fun{
    (value1:string,value2:string):string;
}
var setData:fun=function(value1:string,value2:string):string{
    return value1+value2;
}
console.log(setData("name","张三"))

我们看一下编译之后的js文件

 

 

 

 但是此时的接口只能输出string类型,不能输出任意类型的数据

我们可以结合泛型来实现

泛型类型接口

第一种定义泛型接口

interface fun{
    <T>(value1:T):T;
}
var setData:fun=function<T>(value1:T):T{
    return value1;
}
console.log(setData<string>("name"))
console.log(setData<string>("123"))
console.log(setData<number>(123))

编译后的js文件

 

 

 

 第二种定义泛型接口

interface fun<T>{
    (value1:T):T;
}
function setData<T>(value:T):T{
    return value
}
var set:fun<string>=setData
console.log(set("name"))
console.log(set("123"))

编译后的js文件

 

 

 

标签:console,string,接口,fun,log,value1,泛型,setData
来源: https://www.cnblogs.com/keyeking/p/15516330.html