前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Typescript之泛型

Typescript之泛型

作者头像
lilugirl
发布2020-06-28 12:19:21
5980
发布2020-06-28 12:19:21
举报
文章被收录于专栏:前端导学前端导学

泛型接口的使用

代码语言:javascript
复制
function add<T>(arg1: T, arg2: T): T {
  return arg1 + arg2;
}

// <T>(arg1:T,arg2:T)=>T

add<number>(1, 2);
add<string>('1', '2')

// let addFunc: <T>(arg1: targ2: T) => T
// let addFunc: { <T>(arg1: T, arg2: T): T }

// interface GenAdder { <T>(arg1: T, arg2: T): T }
interface GenAdder<T> { (arg1: T, arg2: T): T }

let addFunc: GenAdder<string>;
addFunc = add

// addFunc<number>(1, 2)
// addFunc<string>('1', '2')

addFunc('1', '2')

泛型类的使用

代码语言:javascript
复制
class Adder<T>{
  add: (arg1: T, arg2: T) => T
}

function add(arg1, arg2) {
  return arg1 + arg2;
}

const adder = new Adder<number>();
adder.add = add

const stringAdder = new Adder<string>()
stringAdder.add = add

adder.add(1, 2)
stringAdder.add('1', '2')

泛型约束

代码语言:javascript
复制
interface ILength {
  length: number
}

function getLength<T extends ILength>(arg: T): T {
  console.log(arg.length);
  return arg;
}

getLength<string>('liuyi')

function getProperty<T, K extends keyof T>(obj: T, key: K) {
  return obj[key]
}


// keyof
const people = { name: "liuyi", age: 32 }
let keys: keyof typeof people

getProperty(people, 'name')
getProperty(people, 'age')
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档