ts泛型定义

泛型

  • 泛型就是解决 类 接口 方法的复用性、以及对不特定数据类型的支持

泛型函数

function getData<T>(value: T): T {
    return value;
}
console.log(typeof getData<number>(123));
console.log(typeof getData<string>('123'));
console.log(typeof getData<Object>({value: 1}));

泛型类

class MinClass<T> {
    list: T[] = [];
    add(num: T) {
        this.list.push(num);
    }
    min(): T {
        let minNum = this.list[0];
        for(let i = 0; i < this.list.length; i++) {
            if (minNum > this.list[i]) {
                minNum = this.list[i];
            }
        }
        return minNum;
    }
}

const m = new MinClass<number>();
m.add(123);
m.add(321);
console.log(m.min())

const m1 = new MinClass<string>();
m1.add('123');
m1.add('321');
console.log(m1.min())

泛型接口

// 方法1
interface ConfigFn{
    <T>(name: T): T;
}
const fun: ConfigFn = function<T>(name: T): T {
    return name;
}
console.log(fun<string>('张三'));
console.log(fun<number>(123));


// 方法2
interface ConfigFn1<T>{
    (name: T): T;
}
function getData<T>(value: T): T {
    return value;
}
const useGetData: ConfigFn1<string> = getData;
console.log(useGetData('123'));

泛型类作为参数

class MySqlDb<T> {
    add(info: T) {
        console.log(info);
        return true;
    }
}

class User {
    name: string | undefined;
    age: number | undefined;
}

const user = new User();
user.name = '张三';
user.age = 18;

const db = new MySqlDb<User>();
db.add(user);

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

参与评论 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:编程工作室 设计师:CSDN官方博客 返回首页

打赏作者

Create_mylife

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值