TypeScript:如何从类型中提取泛型参数？

在TypeScript中，可以使用typeof和keyof操作符来从类型中提取泛型参数。

假设我们有一个泛型函数getLength，它接受一个数组作为参数，并返回该数组的长度。我们想要从泛型参数中提取数组元素的类型。

function getLength<T>(arr: T[]): number {
  return arr.length;
}

type ArrayElementType<T> = T extends (infer U)[] ? U : never;
type ElementType = ArrayElementType<typeof arr>;

在上面的代码中，我们首先定义了一个辅助类型ArrayElementType，它使用了条件类型。条件类型T extends (infer U)[] ? U : never表示如果T是一个数组类型，则返回数组元素的类型U，否则返回never。这样我们就可以通过ArrayElementType<typeof arr>来提取数组元素的类型。

下面是一个完整的例子：

function getLength<T>(arr: T[]): number {
  return arr.length;
}

const arr = [1, 2, 3];
type ArrayElementType<T> = T extends (infer U)[] ? U : never;
type ElementType = ArrayElementType<typeof arr>;

const length = getLength(arr);
console.log(`The length of the array is ${length}`);
console.log(`The type of array elements is ${typeof arr}`);

输出结果为：

The length of the array is 3
The type of array elements is number

在这个例子中，我们成功地从类型中提取了泛型参数，并获得了数组元素的类型。这种方法可以用于提取任意类型中的泛型参数。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云函数计算（Serverless Cloud Function）：无需管理服务器，按需运行代码的事件驱动计算服务。
• 腾讯云云开发（Tencent CloudBase）：提供云端一体化开发平台，支持前后端一体化开发、云函数、数据库、存储等功能。
• 腾讯云云原生容器服务（Tencent Kubernetes Engine，TKE）：基于Kubernetes的容器服务，提供高可用、弹性伸缩的容器化应用管理平台。
• 腾讯云云数据库（TencentDB）：提供多种类型的数据库服务，包括关系型数据库、NoSQL数据库等。
• 腾讯云云服务器（CVM）：提供弹性计算能力的云服务器，支持多种操作系统和应用场景。
• 腾讯云云安全中心（Tencent Cloud Security Center）：提供全面的云安全解决方案，包括安全运营、安全防护、安全合规等功能。

请注意，以上仅为示例产品，实际选择产品时应根据具体需求进行评估和选择。