亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

TypeScript泛型使用詳細介紹

 更新時間：2022年10月20日 08:52:13   作者：橘貓吃不胖～  
泛型是靜態(tài)類型語言的基本特征，允許將類型作為參數傳遞給另一個類型、函數、或者其他結構。TypeScript 支持泛型作為將類型安全引入組件的一種方式。這些組件接受參數和返回值，其類型將是不確定的，直到它在代碼中被使用

1 什么是泛型

泛型的本質是參數化類型，也就是說所操作的數據類型被指定為一個參數。這種參數類型可以用在類、接口和方法的創(chuàng)建中，分別稱為泛型類、泛型接口、泛型方法。

泛型使用<T>來定義類型，<T>中的T可以是U也可以是其他合法的字母，建議大寫。泛型可以理解為不確定單獨類型，函數中使用泛型，可以約束函數的參數和返回值類型相同。

2 泛型方法

當定義identity函數時，這個函數會返回任何傳入它的值，不用泛型的話，這個函數可能是下面這樣：

function identity(arg: number): number {
    return arg;
}

但是這樣的話，參數和返回值規(guī)定了必須為number類型。如果我們不確定它們的類型，要怎么寫呢，我們可能會使用any類型來定義函數：

function identity(arg: any): any {
    return arg;
}

但是使用any類型會導致這個函數可以接收任何類型的arg參數，這樣就丟失了一些信息：傳入的類型與返回的類型應該是相同的。如果我們傳入一個數字，任何類型的值都有可能被返回。

對于這個問題，我們就可以使用類型變量來解決。類型變量是一種特殊的變量，只用于表示類型而不是值。它的語法格式為：

function 函數名<T>(參數: T): T {
    return 值;
}

示例代碼：

function identity<T>(arg: T): T {
    return arg;
}

給identity添加了類型變量T。 T幫助我們捕獲用戶傳入的類型（比如：number），之后我們就可以使用這個類型。 之后我們再次使用了 T當做返回值類型。現在我們可以知道參數類型與返回值類型是相同的了。 這允許我們跟蹤函數里使用的類型的信息。

定義了泛型方法后，可以用兩種方法使用。

// 第一種：傳入所有的參數，包含類型參數
var a = identity<string>("myString");
// 第二種：使用類型推論——即編譯器會根據傳入的參數自動地幫助我們確定T的類型
var a = identity("myString");

3 泛型類

當我們需要實現找最小數的算法時，并且需要同時支持返回數字和字符串兩種類型，就可以通過類的泛型來實現。

示例代碼： 非泛型實現方式

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

示例代碼：泛型方式實現

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

4 泛型接口

首先來看一下普通函數接口：

interface ConfigFn { // 普通函數接口
    (value1: string, value2: string): string;
}

那么如果將它轉換成泛型接口呢？有下面兩種方法：

1、第一種定義方式

interface ConfigFn {
    <T>(value: T): T; // T表示參數類型
}

2、第二種方式

interface ConfigFn<T> {
    (value: T): T; // T表示參數類型
}

到此這篇關于TypeScript泛型使用詳細介紹的文章就介紹到這了,更多相關TypeScript泛型內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

相關文章

最新評論