位置:首页 > web前端 > typescript

typescript泛类型接口

dearweb 发布:2021-07-31 12:25:47阅读:

在看泛型接口之前我们先回顾一下函数类型接口

// 函数类型接口
interface ConfigFn {
  (value: string, value2: string): string
}

let setData:ConfigFn = function(value:string,value2:string):string{
  return value+value2
}

let setString = setData('王五',"在吃饭")
console.log(setString);  // 王五在吃饭

泛类型接口演示

泛型类接口(写法一)

// interface ConfigFn {
//   <T>(value: T): T
// }

// let getData:ConfigFn = function<T>(value:T):T{
//   return value
// }
// console.log(getData<string>('12385')); // 12385

泛型类接口(写法二)

interface ConfigFn<T> {
  <T>(value: T): T
}

function getData<T>(value:T):T{
  return value;  
}

let myGetData:ConfigFn<string> = getData

console.log(myGetData('20') ); // 20


24人点赞 返回栏目 提问 分享一波

小礼物走一波,支持作者

还没有人赞赏,支持一波吧

留言(问题紧急可添加微信 xxl18963067593) 评论仅代表网友个人 留言列表

暂无留言,快来抢沙发吧!

本刊热文
网友在读
手机扫码查看 手机扫码查看