TS泛型类型

泛型类型(Generic Types)是编程语言中提供的一种强大特性,它允许开发者创建可以适应多种类型的数据结构和算法。在 TypeScript 中,泛型允许我们定义在编译时不知道具体类型的函数、类或接口。通过使用占位符类型(称为类型参数),泛型可以帮助我们编写更加通用、可复用的代码,同时保留静态类型检查的优势。

举例来说,在 TypeScript 中定义一个泛型函数或泛型类:

泛型函数示例:

function identity<T>(arg: T): T {
  return arg;
}

let output1 = identity<string>("Hello World"); // 输出类型为 string
let output2 = identity<number>(42); // 输出类型为 number

在这个例子中,<T> 是一个类型参数,当调用 identity 函数时,我们可以指定 T 为任何类型。

泛型类示例:

class Box<T> {
  value: T;

  constructor(value: T) {
    this.value = value;
  }
}

let stringBox = new Box<string>("Hello");
let numberBox = new Box<number>(42);

// stringBox.value 的类型是 string
// numberBox.value 的类型是 number

在这个 Box 类中,T 是一个泛型类型参数,它代表了存储在 value 属性中的实际类型。创建 Box 类的实例时,我们可以指定 T 为任何类型。

通过这种方式,泛型增强了代码的可复用性和类型安全性,避免了不必要的类型转换和潜在的运行时错误。

更多 TypeScript 中泛型的例子:

泛型函数 - 映射函数

function mapArray<T, U>(array: T[], mapper: (item: T) => U): U[] {
  return array.map(mapper);
}

let numbers = [1, 2, 3, 4, 5];
let strings = mapArray(numbers, (n) => n.toString()); // strings 的类型是 string[]

在这个例子中,mapArray 函数接受一个类型为 T 的数组和一个映射函数,返回一个类型为 U 的数组。在调用时,根据传入的参数类型,编译器能够推断出返回值的类型。

泛型类 - 货币转换器

class CurrencyConverter<CurrencyFrom, CurrencyTo> {
  conversionRate: number;

  constructor(rate: number) {
    this.conversionRate = rate;
  }

  convert(value: number): number {
    return value * this.conversionRate;
  }
}

const usdToEurConverter = new CurrencyConverter<USD, EUR>(0.85);
let convertedAmount = usdToEurConverter.convert(100); // convertedAmount 的类型是 number

这里,CurrencyConverter 类接受两个泛型参数,代表货币类型,虽然这个例子中并未实际利用这些类型参数(只是为了展示泛型类的使用),但在实际开发中,类型参数可以用于限制输入输出的货币类型。

泛型接口 - 键值对集合

interface KeyValuePairs<K, V> {
  [key: K]: V;
}

let myPairs: KeyValuePairs<string, number> = {
  "apple": 1,
  "banana": 2,
  "cherry": 3,
};

KeyValuePairs 接口使用了索引签名和泛型,表示它可以存储任意数量的键值对,其中键的类型为 K,值的类型为 V。在实例化时,我们指定了 string 作为键类型,number 作为值类型。

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

向想享xh

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值