TypeScript 泛型

什么是泛型

可以理解为动态的类型，类型中可以接受参数。

我们要做一个输入什么就返回什么的函数，当我们将类型写死后，传递其他类型的数据就会在编译时报错类型错误。我们能不能做到在传递参数时声明一个类型，让我们声明的类型进行判断呢？

function returnSomething(inputSomething: string): string {
    return inputSomething
}

returnSomething<string>("wx")
returnSomething(23) // 报错

这时我们可以使用泛型接受类型参数

function returnSomething<T>(inputSomething: T): T {
    return inputSomething
}

returnSomething<string>("wx")
returnSomething<number>(2)

泛型的继承 `extends`

有时我们需要一些特定类型的参数，里面包含一些相同的类型，我们可以用 extends 继承来约束可以传递的参数

function getLength<T extends { length: number }>(arg: T): number {
    return arg.length
}
function getLength<T extends { length: number }>(arg: T): number {
    return arg.length
}
getLength("www")
getLength([2, 3, 4])
getLength(2) // 报错

类中使用

我们可以使用泛型对函数的类型做限制，将类型的定义部分开放给用户。

class User<T> {
    constructor(private user: T) {}
    get(): T {
        return this.user
    }
}
interface IUser {
    name: string
    age: number
}
const user = new User<IUser>({ age: 2, name: "xxx" })
console.log(user.get())

interface 使用泛型

interface IArticle<B, C> {
    title: string
    isLock: B
    comments: C[]
}
interface CommentType { content: string }

const article: IArticle<boolean, CommentType> = {
    title: "测试文章",
    isLock: false,
    comments: [{ content: "测试评论" }],
}

什么是泛型

泛型的继承 extends

类中使用

interface 使用泛型

评论区

泛型的继承 `extends`