ts重难点泛型总结

最新推荐文章于 2025-05-29 17:52:16 发布

sy_yan

最新推荐文章于 2025-05-29 17:52:16 发布

阅读量456

点赞数 1

CC 4.0 BY-SA版权

分类专栏： ts

本文链接：https://blog.csdn.net/sy_yan/article/details/112535771

ts 专栏收录该内容

0 篇文章

订阅专栏

博客主要介绍了泛型相关知识，包括定义返回任意类型的泛型函数，对泛型进行约束，要求入参包含特定属性如 length，还提到可创建入参类型随意搭配的泛型，同时指出数组中 number 类型的两种写法。

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

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']}