1. 程式人生 > 其它 >Typescript中泛型<T>詳細講解

Typescript中泛型<T>詳細講解

1.泛型

在定義函式或者介面或者類的時候,
不能預先確定要使用的資料型別
而是在使用函式、介面、或者類的時候才能夠確定資料型別
這個時候我們就需要使用的是泛型

2.功能描述

我們需要實現一個方法,方法中有兩個引數,
第一引數表示的是傳入的內容值,第二個引數表示的陣列的個數(長度)
根據內容值產生對應個數,然後存放在陣列中,最後返回來

3.分析上述功能

由於傳入的內容值可能是字串,也有可能是數字,也有可能是布林型別的;
只有在傳遞的時候我們才知道資料的型別
這個時候我們就需要使用泛型<T>

4.實現上述功能

function getArr<T>(cont:T, len:number) :T[]{
    // const arr:T[]=[] //這是一個泛型陣列 或者這樣寫
    const arr: Array<T> = []; //泛型必須要有一個初始值
    for (let i = 0; i < len;i++) {
        arr.push(cont)
    }
    return arr
}
const arr1 = getArr<number>(11.1, 3);
console.log(arr1)

簡單說明上述程式碼

function getArr<T> 表示該函式中的型別值是不確定的,
只有在傳遞的時候才知道,因此使用了泛型。

cont:T 內容值是泛型

function getArr<T>(cont:T, len:number) :T[]{ }
返回來的是一個數組泛型,陣列中值型別不確定

const arr: Array<T> = []; 和 const arr:T[]=[] 
宣告一個數組泛型,必須給一個初始值。【重要】

const arr1 = getArr<number>(11.1, 3); 
傳遞的型別值是數字
作者:
明月人倚樓

出處:https://www.cnblogs.com/IwishIcould/

想問問題,打賞了卑微的博主,求求你備註一下的扣扣或者微信;這樣我好聯絡你;(っ•̀ω•́)っ✎⁾⁾!

如果覺得這篇文章對你有小小的幫助的話,記得在右下角點個“推薦”哦,或者關注博主,在此感謝!

萬水千山總是情,打賞5毛買辣條行不行,所以如果你心情還比較高興,也是可以掃碼打賞博主(っ•̀ω•́)っ✎⁾⁾!

想問問題,打賞了卑微的博主,求求你備註一下的扣扣或者微信;這樣我好聯絡你;(っ•̀ω•́)っ✎⁾⁾!

支付寶 微信 本文版權歸作者所有,歡迎轉載,未經作者同意須保留此段宣告,在文章頁面明顯位置給出原文連線
如果文中有什麼錯誤,歡迎指出。以免更多的人被誤導。