[TOC] ## 簡介 一個組件可以支持多種類型的數據。 這樣用戶就可以以自己的數據類型來使用組件 缺點:無法最終變量類型 ``` function identity(arg: any): any { return arg; } ``` 泛型 ``` function identity<T>(arg: T): T { return arg; } ``` ## 傳入泛型的兩種方式 方式一:手動聲明 `let output:string= identity<string>("myString"); ` 方式二: 類型推論[常用] `let output = identity("myString"); ` ## 泛型數組 ``` function loggingIdentity<T>(arg: T[]): T[] { console.log(arg.length); // Array has a .length, so no more error return arg; } ``` 或 ``` function loggingIdentity<T>(arg: Array<T>): Array<T> { console.log(arg.length); // Array has a .length, so no more error return arg; } ``` ## 泛型類 ``` class GenericNumber<T> { zeroValue: T; add: (x: T, y: T) => T; } let myGenericNumber = new GenericNumber<number>(); myGenericNumber.zeroValue = 0; myGenericNumber.add = function(x, y) { return x + y; }; ``` ## 泛型約束 ### 屬性約束 如我們需要給某個泛型約束為必須有`length` 屬性 ``` interface needLneght{ length:number } function demo<T extends needLneght>(arg:T):T{ console.log(arg.length); return arg } demo("abc");//ok demo(13);//error ``` ### 在泛型約束中使用類型參數