TypeScript笔记[5]泛型
在C++、C#、Java等主流编程语言中,一般对泛型编程提供了支持。合理利用泛型,可以提高开发效率、提升代码质量。
例如在C++编程语言中,常常利用下面的结构表示一个链表的结点:
template<typename T>
struct Node
{
T data;
Node *next;
};
在TS中,也提供了泛型的支持。下面介绍一下TS中的泛型函数与泛型类。
一、泛型函数
function Func<T>(a: T): T { return a; }
上面的代码中,<T>表示一个预设的类型,当Func<T>接受一个具体的参数时,会根据参数的类型产生对应版本的函数。例如,在Func(1)中Func<T>会作为:
function Func(a: number): number { return a; }
而在Func("魏晋风度")中Func<T>会作为:
function Func(a: string): string { return a; }
二、泛型类型
变量的类型也可以是泛型的:
function identity<T>(arg: T): T { return arg; } var myIdentity: <U>(arg: U) => U = identity;
三、泛型类
泛型函数将<T>放在函数名之后,泛型类的<T>也放在类型之后。我们来看一个来自官网的例子:
class GenericNumber<T> {
zeroValue: T;
add: (x: T, y: T) => T; } var myGenericNumber = new GenericNumber<number>(); myGenericNumber.zeroValue = 0; myGenericNumber.add = function(x, y) { return x + y; };
这个例子中,用number将一个泛型类实例化。
interface IDictionary { add(key: string, value: any): void; remove(key: string): void; containsKey(key: string): bool; keys(): string[]; values(): any[]; } class Dictionary { _keys: string[] = new string[]; _values: any[] = new any[]; constructor(init: { key: string; value: any; }[]) { for (var x = 0; x < init.length; x++) { this[init[x].key] = init[x].value; this._keys.push(init[x].key); this._values.push(init[x].value); } } add(key: string, value: any) { this[key] = value; this._keys.push(key); this._values.push(value); } remove(key: string) { var index = this._keys.indexOf(key, 0); this._keys.splice(index, 1); this._values.splice(index, 1); delete this[key]; } keys(): string[] { return this._keys; } values(): any[] { return this._values; } containsKey(key: string) { if (typeof this[key] === "undefined") { return false; } return true; } toLookup(): IDictionary { return this; } }
var persons = new PersonDictionary([ { key: "p1", value: { firstName: "F1", lastName: "L2" } }, { key: "p2", value: { firstName: "F2", lastName: "L2" } }, { key: "p3", value: { firstName: "F3", lastName: "L3" } } ]).toLookup();