Typescript中泛型<T>詳細講解
阿新 • • 發佈:2021-07-17
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毛買辣條行不行,所以如果你心情還比較高興,也是可以掃碼打賞博主(っ•̀ω•́)っ✎⁾⁾!
想問問題,打賞了卑微的博主,求求你備註一下的扣扣或者微信;這樣我好聯絡你;(っ•̀ω•́)っ✎⁾⁾!
如果文中有什麼錯誤,歡迎指出。以免更多的人被誤導。