个人typescript学习笔记（5）---泛型

纯属个人学习，加深记忆使用。

ts的泛型

泛型：可以支持不特定的数据类型

function getData<T>(value:T):T{//要求：传入的参数和返回的参数一致,使用any放弃了参数检查。
    return value;
}

泛型类

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

let m1 = new MinClass<number>();

泛型接口

interface ConfigFn {
    <T>(value: T): T
}

let setData: ConfigFn = function <T>(value: T): T {
    return value;
}

setData<string>('张三');

另一种写法

interface ConfigFn2<T> {
    (value: T): T;
}

function getData<T>(value: T): T {
    return value;
}

var myGetData: ConfigFn2<string> = getData;
myGetData('20');

把类当做参数的泛型类

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

class User {
    username: string | undefined;
    password: string | undefined;
}
let u = new User();
u.username = '张三';
u.password = '123';
let db = new MysqlDb<User>();
db.add(u);

class ArticleCate {
    title: string | undefined;
    desc: string | undefined;
    constructor(params: {
        title: string | undefined;
        desc: string | undefined;
    }) {
        this.title = params.title;
        this.desc = params.desc;
    }
}
var a = new ArticleCate({
    title: '分类',
    desc: '1111'
});
let Db = new MysqlDb<ArticleCate>();
Db.add(a);