TypeScript 泛型知识点笔记

这篇文章的初衷是之前都看着泛型就很头疼,去官网翻写得很官方,get不到重要的点,有的写的很冗余,记录一下容易混淆的点和常用的,希望能给大家提供一些帮助

1.<T>帮助我们捕获用户传入的类型 ,于是我们把这个版本的identity函数叫做泛型,因为它可以适用于多个类型,而且不会像any一样丢失类型的信息。

identity<T>(arg: T) {

        return arg

    }

2.泛型变量:<T>也可以作为传数组

pepole<T>(arg: Array<T>) {

        console.log(arg.length);

        return arg

    }

或者

pepole<T>(arg: T[]) {

        console.log(arg.length);

        return arg

    }

3.泛型类型

function pepole1<T>(arg: T) {
    return arg
}
let myTest: <T>(arg: T) => T = pepole1;
console.log(myTest("aa"));      // 输出 aa    

这   <T>(arg: T) => T一长串都是唬人的, let 变量名:类型 = 变量。看作一个平常Number变量的话就是 

let myTest:number =1;这个number可要可不要,上面也可写成let myTest = pepole1。

4.泛型类

class China<T> {
    zeroValue: T;
    add: (x: T, y: T) => T;
}

let people = new China<string>();
people.zeroValue = "aaa";
people.add = function(x, y) { return x + y; };

console.log(people.add(people.zeroValue, "test"));

 与接口一样,直接把泛型类型放在类后面,可以帮助我们确认类的所有属性都在使用相同的类型。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值