中文網:https://www.tslang.cn/html
目錄:typescript
泛型:軟件工程中,咱們不只要建立一致的定義良好的 API,同時也要考慮可重用性。 組件不只可以支持當前的數據類型,同時也能支持將來的數據類型,這在建立大型系統時爲你提供了十分靈活的功能。函數
在像C#和Java這樣的語言中,可使用泛型來建立可重用的組件,一個組件能夠支持多種類型的數據。這樣用戶就能夠以本身的數據類型來使用組件。學習
通俗理解:泛型就是解決類、接口、方法的複用性、以及對不特定數據類型的支持(類型校驗)。this
function getData (val:string):string { return val; }
只能返回string類型的數據,要求能同時返回 string 類型和 number 類型code
function getData1 (val:string):string { return val; } function getData2 (val:number):number { return val; }
代碼冗餘,any 類型能夠解決這個問題。htm
function getData (val:any):any { return val; } getData(124); getData('124');
可是 any 至關於放棄了類型檢查。無法實現傳入什麼,返回什麼。好比:傳入 number 類型必須返回 number 類型,傳入 string 類型必須返回 string 類型。blog
function getData (val:any):any { return val + '---'; } getData(124); // 傳入 number,返回 string
泛型:能夠支持不特定的數據類型。要求:傳入的參數和返回的參數一致。接口
T
表示泛型,具體什麼類型是在調用這個方法的時候決定的
function getData<T> (val:T):T { return val; } getData<number>(124); getData<string>('abc'); // getData<number>('abc'); // 錯誤
放回值能夠是任意類型
function getData<T> (val:T):any { return val + '***'; } getData<number>(124); // 參數必須是數字 getData<string>('abc');
好比有個最小堆算法,須要同時支持返回數字和字符串 a-z 兩種類型。經過類的泛型來實現
class minClass { list:number[] = []; add (val:number):void { this.list.push(val); } min ():number { let minNum:number = this.list[0]; for(let i = 0; i < this.list.length; i++) { if(minNum > this.list[i]){ minNum = this.list[i]; } } return minNum; } } let m = new minClass(); m.add(3); m.add(2); m.add(23); console.log(m.min()); // 2
正常的類只能實現一種類型。用泛型解決,支持 number 和 string。
class minClass<T> { list:T[] = []; add (val:T):void { this.list.push(val); } min ():T { let minNum = this.list[0]; for(let i = 0; i < this.list.length; i++) { if(minNum > this.list[i]){ minNum = this.list[i]; } } return minNum; } } let m1 = new minClass<number>(); // 實例化類,而且指定了類的 T 表明的類型是 number m1.add(3); m1.add(2); m1.add(23); console.log(m1.min()); // 2 let m2 = new minClass<string>(); // 實例化類,而且指定了類的 T 表明的類型是 string m2.add('a'); m2.add('d'); m2.add('f'); console.log(m2.min()); // a
函數類型接口
interface configFn { (val1:string, val2:string):string; } let setData:configFn = function (value1:string, value2:string):string { // 參數名能夠和接口中的不一致,可是參數類型必須一致 return value1 + value2; } setData('1', '2');
泛型接口實現方式1:
interface configFn { <T>(val:T):T; } let getData:configFn = function<T> (value:T):T { return value; } getData<string>('abc'); getData<number>(123);
泛型接口實現方式2:
interface configFn<T> { (val:T):T; } let getData:configFn<string> = function<T> (value:T):T { return value; } getData('abc'); getData(123); // 錯誤
這是最後一篇,以後更深刻的學習和應用了,再繼續。^_^