日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無先后,達(dá)者為師

網(wǎng)站首頁 編程語言 正文

typescript中的泛型(genericParadigm)、interface、extends、constructor

作者:web半晨 更新時(shí)間: 2022-06-06 編程語言
function fnAny(a: any): any {
    return a;
}

console.log('number:', fnAny(10));
// number: 10
console.log('string:', fnAny('半晨'));
// string: 半晨

// 在定義函數(shù)或是類時(shí),如果遇到類型不明確就可以使用泛型
// T是任意字母,只是個(gè)代表而已,也就是變量的意思
function fn<T>(a: T): T {
    return a;
}

// 可以直接調(diào)用具有泛型的函數(shù)
// 不指定泛型,TS可以自動(dòng)對(duì)類型進(jìn)行推斷
console.log('number:', fn(24));
// number: 24
// 指定泛型
console.log('string:', fn<string>('hello'));
// string: hello

// 泛型可以同時(shí)指定多個(gè)
function fn2<T, K>(a: T, b: K): T {
    console.log('b:', b);
    // b: hello
    return a;
}
console.log('a:', fn2<number, string>(123, 'hello'));
// a: 123

// 接口
interface Inter {
    length: number;
}

// T extends Inter 表示泛型T必須是Inter的實(shí)現(xiàn)類(子類)
function fn3<T extends Inter>(a: T): number {
    return a.length;
}

class MyClass<T>{
    name: T;
    constructor(name: T) {
        this.name = name;
        console.log('name:', this.name);
        // name: 半晨
    }
}

new MyClass<string>('半晨');




原文鏈接:https://blog.csdn.net/weixin_51157081/article/details/122313064

欄目分類
最近更新