ts泛型
时间: 2023-07-08 20:06:22 浏览: 108
TypeScript 的泛型可以让我们编写可重用的代码组件,这些组件可以支持多种类型。泛型是 TypeScript 的一个强大特性,它可以在函数、类、接口中使用。
泛型的基本语法是在函数名或类名后加上 "<T>"(T可以是任何标识符),这个T表示类型变量,它可以代表任意类型。例如:
```typescript
function identity<T>(arg: T): T {
return arg;
}
let output = identity<string>("hello world");
console.log(output); // 输出 hello world
```
在上面的例子中,我们定义了一个名为 identity 的函数,它接收一个参数 arg,并返回该参数。在函数名后面加上了 "<T>",这样我们就可以在函数中使用类型变量 T,代表任意类型。
调用 identity 函数时,我们可以明确指定 T 的类型,例如:identity<string>("hello world"),这表示 T 的类型是 string。也可以不指定 T 的类型,TypeScript 会根据传入的参数自动推断出 T 的类型,例如:identity("hello world"),TypeScript 会自动将 T 推断为 string。
泛型还可以用于类和接口中,例如:
```typescript
interface GenericIdentityFn {
<T>(arg: T): T;
}
class Identity<T> {
private value: T;
constructor(value: T) {
this.value = value;
}
getValue(): T {
return this.value;
}
}
let myIdentityFn: GenericIdentityFn = identity;
let myIdentity = new Identity<string>("hello");
console.log(myIdentity.getValue()); // 输出 hello
```
在上面的例子中,我们定义了一个名为 GenericIdentityFn 的接口,它定义了一个泛型函数。我们还定义了一个名为 Identity 的类,该类接收一个类型参数 T,并存储一个类型为 T 的值。
通过泛型,我们可以编写可重用的代码组件,它可以支持多种类型,提高代码的复用性和灵活性。
阅读全文