泛型Generics，是指在定義函數(shù)Function、接口Interface 或類 Class 時不預(yù)先指定具體的類型，而是在使用的時候再指定類型的一種特征。

// 函數(shù)名后的 <> 內(nèi)傳入泛型參數(shù)，在使用時指定類型 function echo<T>(arg: T): T {return arg }const str: string = 'str' const result = echo(str) //類型推論會推論出參數(shù)的類型

泛型可以看作是類型變量，它是一種特殊的變量，只用于表示類型而不是值。在使用時把類型像參數(shù)一樣傳入。

function swap<T, U>(tuple: [T, U]): [U, T] {return [tuple[1], tuple[0]] }const result2 = swap(['string', 123]) results[1].fixed() // 可以調(diào)用Number方法

約束泛型-函數(shù)（在函數(shù)的參數(shù)和返回值中使用泛型）

有時候想操作某類型的一組值，并且我們知道這組值具有什么樣的屬性。?在 下面例子中，我們想訪問arg的length屬性，但是編譯器并不能證明每種類型都有l(wèi)ength屬性，所以就報錯了。

function loggingIdentity<T>(arg: T): T {console.log(arg.length); // Error: T doesn't have .lengthreturn arg; }

相比于操作any所有類型，我們想要限制函數(shù)去處理任意帶有.length屬性的所有類型。 只要傳入的類型有這個屬性，我們就允許，就是說至少包含這一屬性。 為此，我們需要列出對于T的約束要求。

為此，我們定義一個接口來描述約束條件。 創(chuàng)建一個包含?.length屬性的接口，使用這個接口和extends關(guān)鍵字來實(shí)現(xiàn)約束：

interface Lengthwise {length: number; }function loggingIdentity<T extends Lengthwise>(arg: T): T {console.log(arg.length); // Now we know it has a .length property, so no more errorreturn arg; }// 現(xiàn)在這個泛型函數(shù)被定義了約束，因此它不再是適用于任意類型： loggingIdentity(3); // Error, number doesn't have a .length property// 我們需要傳入符合約束類型的值，必須包含必須的屬性： loggingIdentity({length: 10, value: 3}); loggingIdentity([1, 2, 3]); loggingIdentity('string');

約束泛型-類 Class

// 隊(duì)列類-先進(jìn)先出 class Queue {private data = []push(item) {return this.data.push(item)}pop() {return this.data.shift()} }// 實(shí)例化類 const queue = new Queue() queue.push(1) queue.push('str') console.log(queue.pup().toFixed()) // 1 // string 類型并無toFixed 方法 console.log(queue.pop().toFixed()) // Error：...toFixed is not a function/*-- 解決以上問題需要為該類添加泛型約束 --*/ class Queue<T> {private data = []push(item: T) {return this.data.push(item)}pop(): T {return this.data.shift()} }// 實(shí)例化類-添加實(shí)例類型 number const queue = new Queue<number>() queue.push(1) // queue.push('str') // 已不符合約定的類型 console.log(queue.pop().toFixed()) // 1 // string 類型并無toFixed 方法 console.log(queue.pop().toFixed()) // Error：...toFixed is not a function// 實(shí)例化類-添加實(shí)例類型 string const queue = new Queue<string>() queue.push(1) console.log(queue.pop().length) // 1

約束泛型- Interface

interface KeyPair<T, U> {key: T;value: U; } let kp1: KeyPair<number, string> = { key: 123, value: 'str'} let kp2: KeyPair<string, number> = { key: 'str', value: 123}let arr: number[] = [1, 2, 3] let arrTwo: Array<number> = [1, 2, 3]

在interface 函數(shù)中使用泛型

interface IPlus<T> {(a: T, b: T): T } function plus(a: number, b: number): number {return a + b } function connect(a: string, b: string): string {return a + b } const a: IPlus<number> = plus() const b: IPlus<string> = connect()

總結(jié)

以上是生活随笔為你收集整理的【TS】泛型 Generics的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。