ts重难点泛型总结

1.泛型 generics 定义返回任意类型的函数

function echo<T>(arg: T): T {
    return arg
}
const res = echo(true)
function swap<T, U>(tuple:[T, U]): [U, T] {
    return [tuple[1], tuple[0]]
}
const result2 = swap(['string', 123])
// result2[1].会弹出提示可以调用这里面的方法

2.约束泛型

// 约束泛型
function echoWithArr<T>(arg: T[]): T[] {
    console.log(arg.length)
    return arg
}
const  arrs = echoWithArr([1,2,43])

3.入参必须包含某种属性 例如下面代码中属性length

interface IWithLength{
    length:number
}
function echoWithLength<T extends IWithLength>(arg: T): T {
    console.log(arg.length)
    return arg
}
const strn = echoWithLength('str')
const obj = echoWithLength({length: 10, width:'afdfa'})
const arr2 = echoWithLength([1,23,4])

4.创建一个泛型 入参可以是各种类型 随意搭配

// 创建一个泛型
interface keyPair<T, U> {
    name: T,
    value: U
}
let key1: keyPair<string, number> = {name:'du', value:234}
let key2: keyPair<string, string> = {name:'sfdf', value: 'fafds'}
let seeTwo: keyPair<number[], Array<string>> = {name: [1,2,2,3,], value:['wrwer','werwe','rewr']}


// 数组中装的是number类型的话 有两种写法: Array 和number[] 都可


版权声明:本文为sy_yan原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
THE END
< <上一篇
下一篇>>