Typescript:获取泛型类型的类型
Typescript是一种由微软开发的编程语言，是JavaScript的超集，它可以编译成纯JavaScript代码运行在任何浏览器、操作系统或者服务器上。Typescript强调类型安全和面向对象编程的特性，提供了一系列强大的工具和功能来增强开发者在编码过程中的可靠性和效率。
获取泛型类型的类型是指在Typescript中如何获取泛型参数的类型信息。Typescript中可以使用typeof运算符来获取泛型类型的类型。在以下示例中，我们定义了一个泛型函数getGenericType，它接受一个泛型参数T，并返回T的类型：
function getGenericType<T>(arg: T): T {
return arg;
}
const numberType = typeof getGenericType<number>(123); // "number"
const stringType = typeof getGenericType<string>("hello"); // "string"在上述示例中，我们使用typeof运算符获取了泛型类型的类型，并将结果赋值给numberType和stringType变量。numberType将会是字符串"number"，而stringType将会是字符串"string"。
对于Typescript中的泛型类型，可以通过typeof运算符获取其类型信息，进而进行类型推断、类型判断或者类型操作。这在编写泛型函数、泛型类等需要根据泛型类型进行特定操作的场景中非常有用。
腾讯云相关产品和产品介绍链接地址：
- 云函数（https://cloud.tencent.com/product/scf）
- 云服务器（https://cloud.tencent.com/product/cvm）
- 云数据库MySQL版（https://cloud.tencent.com/product/cdb_mysql）
- 云存储（https://cloud.tencent.com/product/cos）
- 腾讯云人工智能（https://cloud.tencent.com/product/ai）
- 腾讯云物联网（https://cloud.tencent.com/product/iotexplorer）
- 腾讯云移动开发（https://cloud.tencent.com/product/imobile）
- 腾讯云区块链（https://cloud.tencent.com/product/tcb）
- 云游戏（https://cloud.tencent.com/product/cg）
- 云原生应用引擎（https://cloud.tencent.com/product/tke）
- 腾讯云直播（https://cloud.tencent.com/product/live）
- 腾讯云视频会议（https://cloud.tencent.com/product/tcvc）
- 腾讯云音视频（https://cloud.tencent.com/product/tcav）
- 云安全中心（https://cloud.tencent.com/product/cwp）
- 腾讯云云监控（https://cloud.tencent.com/product/monitor）
- 云市场（https://market.cloud.tencent.com/）
相关·内容
下面的示例正在工作(在JavaScript中)，但我无法在TypeScript工作中获得正确的返回类型。根据工厂对象，应该知道正确的返回类型的"func“函数。
我们希望使用此模式动态添加和获取DataLoaders。
class Dog {
bark() { console.log("wuff")}
}
class Cat {
miau() { console.log("miau")}
}
class FactoryItem<T extends () => {}> {
constructor(public func: T
浏览 2提问于2021-03-14得票数 0
回答已采纳
为什么下面的TypeScript代码无效？
type A = { kind: "a" }
type B = { kind: "b" }
const a = (a: A): void => undefined
const b = (b: B): void => undefined
const c = <C extends A | B>(c: C): void => (c.kind == "a" ? a(c) : b(c))
看来TypeScript无法理解在c.kind == "a"之后，c是一个A
浏览 0提问于2018-09-18得票数 2
回答已采纳
2回答
为了减少样板，我将某种泛型函数接口声明为类型。然后我想声明一个这种类型的const。那么，为什么typescript假设foo声明是合法的，而bar不是呢？这些声明实际上不是相同的吗？typescript缺少简单的功能，还是我遗漏了一些细节？如果我不想显式重复FunctionType接口，有什么解决方法吗？
type FunctionType<TValue> = (value: TValue) => void;
const foo = <TValue>(value: TValue): void => {
}
//const bar: FunctionTy
浏览 1提问于2018-07-06得票数 30
回答已采纳
我试图在TypeScript中实例化一个泛型类。
在C#，我会这样做的
class MyPacket<T> {...}
var t = typeof(...);
var genericContainer = typeof(MyPacket<>).MakeGenericType(new[]{ t });
var instance = Activator.CreateInstance(genericContainer);
我的用例是，我正在接收来自网络的消息。我还有一个EventEmitter，它期望被调用的类型是正确的。
(msg: Message): void =&g
浏览 0提问于2018-04-19得票数 1
回答已采纳
1回答
我是新来的，我有一个问题:在TypeScript中使用泛型有什么好处。
TypeScript 0.9更新上的msdn：
TypeScript 0.8.x:
var myArray : String[];
TypeScript 0.9.x:
var myArray : Array<String>;
它是否与增加类型安全或类似的事情有关？
浏览 4提问于2013-07-26得票数 4
回答已采纳
问题：
当我忘记向T类型的对象添加嵌套字段时，以及在使用对象扩展构造所述对象时，为什么不接收编译时错误？
示例：
interface User {
userId: number;
profile: {
username: string
}
}
function updateUsername(user: User): User {
return {
...user,
profile: {
// Error (as expected)
}
}
}
function updateUsernameGeneric<T extend
浏览 4提问于2021-03-08得票数 7
我试图声明一个带有约束泛型参数的TypeScript类。在C#中，以下内容将编译：
public class NewClass<T> where T: BaseClass {
}
什么是TypeScript等值？
浏览 1提问于2018-05-14得票数 1
回答已采纳
1回答
我有以下代码： interface Person {
name: string;
age: number;
}
class Store<T, K extends keyof T> {
constructor(private obj: T) { }
get(key: K): T[typeof key] {
return this.obj[key];
}
}
const person: Person = {
name: 'John',
age: 99
};
const store = n
浏览 7提问于2021-10-29得票数 2
回答已采纳
我不明白为什么TypeScript允许在没有指定实际泛型类型参数的情况下实例化泛型类？在下面的示例中，类Foo有一个泛型类型参数T。在行const foo = new Foo()中，可以创建一个新的foo对象，而不必指定泛型类型参数。foo的类型为Foo<unknown>，bar的类型为valueType<unknown>。
为什么有可能，而TypeScript不引发错误？这是什么用例？是否可以强迫TypeScript要求使用泛型类型参数？
type valueType<T> = {
name: string,
key: T|null,
};
浏览 2提问于2021-03-06得票数 0
回答已采纳
如何在Typescript中获取泛型类型的内部类型？所以myType<T>的T
例如：
export class MyClass {
myMethod(): Observable<{ prop1: string, ... }> {
....
}
}
type myClassReturn = ReturnType<MyClass['myMethod']>;
// Sets the type to 'Observable<{ prop1: string, ... }>'.
// How do I s
浏览 5提问于2020-02-19得票数 0
回答已采纳
1回答
为什么在TypeScript类型中别名不适用于泛型函数？例如，这里TS没有将相同类型定义为泛型。
type Identical = <T>(v: T) => T;
const identical: Identical<string> = (v) => v
我知道正确的变体是：
type Identical<T> = (v: T) => T;
但是为什么第一个示例不能工作，以及哪种类型的T
浏览 0提问于2019-11-08得票数 4
回答已采纳
我不明白为什么TypeScript不允许这样做：
type aToB = <A, B> (a:A) => B;
const id : aToB = x => x;
我得到了错误:A类型不能分配给B类型。
但是类型定义type aToB = <A, B> (a:A) => B并没有以任何方式表示，A必须不同于B。
至少在数学中，像f: A -> B这样的函数签名并不要求A与B不同。像f: Nat -> Nat这样的函数将是f: A -> B的合法实例。
TypeScript就是这样奇怪吗?还是我遗漏了一些显而易见的东西？
浏览 0提问于2018-11-06得票数 2
回答已采纳
我注意到版本1.8的TypeScript支持。用外行的话说，这是什么，这有什么帮助呢？我想，由于这个特性是早期包含的，所以它一定很重要。
浏览 0提问于2016-08-27得票数 5
回答已采纳
4回答
除了使用类型化数组之外，有没有一种方法可以在TypeScript中用另一个类型参数化一个类型？
对于KnockoutJs来说，这真的很有必要。
浏览 3提问于2012-10-15得票数 16
回答已采纳
// Welcome to the TypeScript Playground, this is a website
type Constructor<T> = new (...args: any[]) => T;
class ServiceChecklistResponse {
}
class AnotherModel {
}
abstract class AbstractView {
getJsonDataModelRef<T>() : Constructor<T> | null
{
return nul
浏览 10提问于2022-11-04得票数 1
回答已采纳
我开始学习脚本语言，特别是JavaScript。这很好，当我和Angular2一起学习TypeScript时，我开始感到困惑。
我意识到TypeScript可以定义内置类型，如字符串、数字和对象，而TypeScript将在编译时生成JavaScript。
这里开始了我的困惑，TypeScript是如何在JavaScript上定义泛型类型的，因为JavaScript是基于原型的语言，它不能定义类型。
例如，如何将下列代码编译到JavaScript中。
interface Person {
name : string,
age : number
}
有人能解释一下吗？脚本很有趣，但有时
浏览 5提问于2017-01-25得票数 1
回答已采纳
我正在尝试使用，但我很乐意使用任何提供IoC的包。我找不到任何使用typescript泛型的例子。基本上，我想：
interface A<T> {
foo();
}
class A<T> {
foo() {
}
}
interface B<T> {
bar: A<T>;
}
class B<T> {
bar: A<T>;
constructor(param: A<T>) {
this.bar = param;
}
}
在那里我可以设置一
浏览 47提问于2018-12-07得票数 0
我使用的是angularjs (1.5.8)框架和最新的typescript (2.8.0)文件。更新到最新的typescript版本后，以下代码未编译。
Angular接口实现：
interface IPromise<T> {
/**
* Regardless of when the promise was or will be resolved or rejected, then calls one of the success or error callbacks asynchronously as soon as the result is availab
浏览 11提问于2018-02-27得票数 3
回答已采纳
我正在使用typescript。我有一个react组件，我在其中声明了以下窗体控件事件：
interface FormControlEvent extends React.FormEvent {
currentTarget: HTMLInputElement;
}
为什么我的React.FormEvent被TSLint高亮显示为红色时会出现以下错误：
[ts] Generic type 'FormEvent<T>' requires 1 type argument(s).
interface FormEvent<T>
浏览 0提问于2017-08-05得票数 0
回答已采纳
由于我无法解释的与泛型相关的错误，TypeScript编译失败。我已经创建了一个最小的示例： interface Processor<T> { process(data:T):void; }
class ArrayProcessor<T> implements Processor<Array<T>|null> { process(data:Array<T>|null):void {} }
// intention (Java syntax, TS?): ... `implements Processor<List<?
浏览 59提问于2021-07-30得票数 1
回答已采纳
1回答
我创建了一个泛型函数类型，其中包含一个完全依赖于输入参数类型的返回参数，并且泛型参数有一个extends子句。下面是一个虚拟版本：
type Foo = {}
type MyFunc <T extends Foo> = (a: T, b: T) => T[];
const bar: MyFunc<number> = (a: number, b: number) => [a,b];
const baz: MyFunc<boolean> = (a: boolean, b: boolean) => [a,b];
我使用泛型参数来确保1) a和b
浏览 5提问于2022-11-29得票数 0
回答已采纳
我需要一个定义类构造函数和给定构造函数键的接口。
这是我尝试过的，但是我的接口中的this['cstr']似乎不是用给定的构造函数来解析的，而是用未知的。
class Foo {
bar?: string;
}
interface IClassDescriptor {
cstr: new () => unknown;
key: keyof InstanceType<this['cstr']>;
}
const a: IClassDescriptor = {
cstr: Foo,
key: 'bar'
浏览 7提问于2022-11-17得票数 1
1回答
我有一个要重用的函数，它适用于自定义类型的多个属性。就像这样：
interface MyType {
prop1: string;
prop2: number;
}
type MyTypeKey = keyof MyType;
const testValue = (
obj: MyType,
property: MyTypeKey,
value: any, // <-- what type should go here?
) => {
if (obj[property] === value) {
console.log("do someth
浏览 2提问于2022-06-30得票数 0
我在使用typescript的react应用程序中工作。其中一个函数在其中一个变量中接收泛型类型。
如何检查变量的T类型？这个是可能的吗？
MyFunction<T>(newValues: Array<T>) {
if (typeof T === "string") {
// do some stuff
}
}
浏览 0提问于2019-02-19得票数 13
回答已采纳
如果一个函数的一个参数是两个类型的并集，我如何才能正确地推断返回类型？ 我已经尝试了以下条件类型，但它不起作用(参见typescript错误的内联注释)： TypeScript Playground type Status = 'statusType'
type GoalActivity = 'goalActivityType'
type Argument = { type: 'status'; status: Status | null } | { type: 'goalActivity'; goalActivity: Go
浏览 18提问于2020-12-24得票数 2
回答已采纳
2回答
有没有C#的Func关键字的TypeScript等价物？
在对目前TypeScript转换一些现有代码的初步探索中，我对类/对象使用了接口，但发现自己复制了不必要的函数类型。我是不是遗漏了什么？
在下面的代码中，我已经为一个对象类型(Data)定义了一个接口，命名为(data: Data) =>也会从中受益
interface Funcs {
box: (data: Data) => void;
lbl: (data: Data) => void;
}
谢谢!
浏览 2提问于2012-11-04得票数 2
回答已采纳
Flow有一个方便的，它可以获得调用类型F的函数的返回类型，第一个参数(可选)作为类型T，第二个参数等等。所以我们可以这样做：
type First = <T>(Array<T>) => T | void;
type ShouldBeOptionalString = $Call<First, Array<string>>; // ShouldBeOptionalString is string | void
TypeScript能实现同等的功能吗？我知道TypeScript提供的，但它不能根据参数类型计算返回类型：
type First =
浏览 15提问于2020-03-10得票数 2
2回答
我正在尝试为TypeScript中的异步测试创建一个模拟函数。我的函数接收一些数据，并在允诺解决时返回。
我知道我可以这样打字：
type Options<T> = {
data: T;
};
export const mockApiCall = async <T>({ data }: Options<T>): Promise<{ data: T }> => {
return new Promise((resolve) => {
setTimeout(() => resolve({ data }), 100);
浏览 6提问于2022-01-12得票数 0
回答已采纳
我试图理解为什么当泛型是回调的返回类型时，Typescript能够推断出带有回调参数的函数的返回类型，而当泛型是回调函数的类型时，Typescript却不能这样做。 没有特定的推论 const f = <T extends () => any>(callback: T) => callback()
// inference r: any
const r = f(() => 1) 但是这个推论适用于 const f = <T extends any>(callback: () => T) => callback()
// inferen
浏览 41提问于2020-11-04得票数 2
回答已采纳
1回答
在为options对象创建接口时，我试图允许用户使用显式返回类型和泛型参数类型指定函数。如果事先没有为函数定义类型，这是可能的，但我不知道如何为您已经定义的函数类型定义类型。
例如，它工作得很好：
interface Options {
// Other options...
converterFunction: <T>(rawData: T) => [];
}
但这似乎是一种合理的语法，但事实并非如此。
type ConverterFunction<T> = (rawData: T) => [];
interface Options {
//
浏览 1提问于2020-04-17得票数 1
回答已采纳
我正在使用Swagger/OpenAPI Codegen为我的Vue应用程序中的Fetch客户端生成API客户端，并希望使用Axios。我从使用OpenAPITools typescript-axios代码生成器开始： java -jar .\openapi-generator-cli.jar generate -i http://localhost:5000/swagger/v1/swagger.json -g typescript-axios -o app\api 然后，我尝试将键入的响应赋给相同类型的局部变量： @Component
export default class Theme
浏览 86提问于2019-03-18得票数 7
回答已采纳
假设我有一个接口，比如：
interface Foo {
description: string;
amount: number;
}
和一个更新Foo的函数，如：
public updateFoo(key: keyof Foo, val: string | number): void {
this.foo = { ...foo, [key]: val }
}
当我在TypeScript中调用这个函数时，这显然被认为是有效的：
this.updateFoo('description', 10)
TypeScript是否有一种方法可以使用它已经知道属于目标接口的键，并
浏览 1提问于2019-01-30得票数 0
回答已采纳
使用类型记录3.0+。请参见以下涉及泛型类型变量的简单设置：
abstract class BaseClass {
public abstract merge<T>(model?: T): T;
}
class MyClass extends BaseClass {
public Value: string;
public merge<MyClass>(model?: MyClass): MyClass {
this.Value += model.Value; // <--Property 'Value' does not
浏览 0提问于2018-09-18得票数 0
回答已采纳
如何将类型参数T约束为Typescript中的数组。例如，我想创建一个接受数组类型的类型，并将其包装在另一个级别。就像这样
type WrapIt<T extends T[]> = [T]; // Doesn't do what I want.
浏览 6提问于2020-05-22得票数 0
回答已采纳
我正在构建一个react组件库，并希望组件的可能道具与第三方类型定义中定义的类的构造选项相匹配。 例如，这里有一个Annotation类：https://github.com/wsmd/mapkit-typescript/blob/master/mapkit/mapkit.Annotation.d.ts#L9 我想从这里获得构造选项:在我的组件中使用的https://github.com/wsmd/mapkit-typescript/blob/master/mapkit/mapkit.Annotation.d.ts#L160。 我目前的假设是，如果没有导出接口，这是不可能的，但也许我错了？
浏览 9提问于2019-06-22得票数 0
回答已采纳
考虑TypeScript中的以下泛型函数：
interface Foo { id: string; }
const foo = <Foo>{id: 'bar'};
function baz<T>(x: T) { console.log(x.id); }
baz(foo);
这不能编译：
test.ts(6,17): error TS2339: Property 'id' does not exist on type 'T'.
在我看来，TypeScript应该能够处理这种情况。如果做不到，我就得做这样的事：
int
浏览 3提问于2016-07-02得票数 9
回答已采纳
当调用TypeScript时，出现了一个setState错误：
这就是我实际上所做的：
updateRequests(requests: any, cb:Function|null = null) {
this.setState(
{
requests: {
...this.state.requests,
items: requests,
loading: false,
},
},
() => {
if (cb) cb();
浏览 1提问于2022-05-30得票数 0
我有两个应用程序，一个是用TypeScript编写的，另一个是用React编写的。在复制TypeScript中现有的功能以开发React中的工作版本时，浏览器控制台会抛出语法错误，并对转换程序错误抛出babels。
是否响应支持语法，如：Array<File>或<Array<File>>？请解释一下为什么或者为什么不。
我经常在允诺/可观察的代码中看到这些符号，而在本例中，这些符号用于文件。以这种方式实例化对象的目的是什么，它比简单实例化空数组有什么好处？
浏览 8提问于2017-02-18得票数 0
回答已采纳
我在TypeScript中定义了一个函数类型。但我不能实例化它。为什么TypeScript会给出编译错误？这种结构在没有类型参数的情况下工作得很好，对于泛型签名，我不使用key of作为约束。当我从replaceProperty中删除类型参数时，它会做我想做的事情--代码似乎是正确的。
type ReplaceProperty<T, K extends keyof T, V> = (
i: T,
k: K,
v: V
) => { [P in keyof T]: K extends P ? V : T[P] };
// Compile error
// Gene
浏览 4提问于2021-04-10得票数 0
回答已采纳
2回答
我对typescript非常陌生，正在尝试编写一些代码，这些代码从不同的来源获取许多不同形状的数据，并将它们传递给聚合它们的类(每个数据形状一个聚合器类)。 要做到这一点，我认为我需要一个函数(下面称为dispatch )，它将接受一个泛型数据类型和该数据的聚合器类的标识符，但我正在努力约束足够多的参数，以使typescript满意。 这就是我到目前为止所知道的： enum SourceIdentifier {
A = 'a',
B = 'b'
}
interface DataA {
prop1: number,
prop2: number[
浏览 30提问于2021-09-08得票数 0
回答已采纳
我有一个基本枚举，如下所示 enum MyEnum<T> {
val initialValue: T
val minValue: T
val maxValue: T
} 我有几种方法，比如： protected fun setEngineValue(myEnum: MyEnum<Float>, value: Float): Boolean {}
protected fun setEngineValue(myEnum: MyEnum<Int>, value: Int): Boolean {} 我想把它合并到一个函数中，在这个函数中
浏览 14提问于2020-12-09得票数 0
回答已采纳
我有一种类型，我重复了很多次，但差别很小：
import { ComponentPropsWithRef, ElementType } from "react";
interface PackshotPropsBase {
a: string
}
interface PackshotPropsWeb {
b: string
}
export type ElementAndPackshotProps<T extends ElementType, P extends PackshotPropsBase> = Omit<
ComponentPr
浏览 8提问于2022-07-20得票数 0
回答已采纳
我正在使用带有typescript的d3，在d3中有很多类似于这个SomeType<U,T,V>的类型。示例： merge(other: Selection<GElement, Datum, PElement, PDatum>): Selection<GElement, Datum, PElement, PDatum> 我浏览了高级类型文档，但无法理解这些类型的含义。我不能说它们是否是带有这些子类型的选择类型或其他类型。
浏览 80提问于2020-07-15得票数 0
回答已采纳
我有一个接受其参数的函数，并返回一个可以使用这些参数的函数。不幸的是，我根本无法让TypeScript对其进行类型检查。下面是我的问题的一个简化示例：
type NoiseMaker<T extends Animal> = (animal: T) => void;
class Dog {
bark() {
console.log('Woof! Woof!');
}
}
class Cat {
meow() {
console.log('Meow')
}
}
type An
浏览 4提问于2018-02-26得票数 1
回答已采纳
我正在研究示例，并且能够让它与普通的JavaScript一起工作。但是，在尝试使用TypeScript时，我有一个编译错误。
问题代码(删除了无关的部分)是：
import * as d3 from "d3";
interface INode {
id: string;
group: number;
}
interface ILink {
source: string;
target: string;
value: number;
}
interface IGraph {
nodes: INode[];
links:
浏览 0提问于2017-06-10得票数 16
回答已采纳
我对react并不熟悉，我正在尝试使用NextJs + reduxjs/toolkit以及MUI和TypeScript编写一个应用程序。我在reduxjs/工具箱的TypeScript部分遇到了问题。这是我的**商店/用户-首选项-silce.ts**
import { ThemeOptions } from "@mui/material";
import { createSlice } from "@reduxjs/toolkit";
import { defaultThemeOption } from "../styles/theme/themeOp
浏览 13提问于2022-03-29得票数 0
回答已采纳
1回答
假设我有一个泛型函数的定义，它对T类型的值做了一些事情。
function doSomething<T> (t: T): void {
// do something on a value of type T
console.log(t);
}
现在，我想捕捉这个函数的类型。例如，用例可能是我想要在更复杂的类型中使用它，我可能计划在将来定义它。它的函数类型可以定义为：
type DoSomething<T> = (t: T)=>void
到目前一切尚好。然而，到目前为止，我的代码中还没有提到doSomething是DoSomething类型的。
现
浏览 7提问于2022-09-19得票数 0
回答已采纳
在我的项目中，我使用的是反应式打字本。对于状态管理，我使用的是React redux，对于函数处理，我使用的是redux-saga。为了粘合redux存储和函数，我使用了React的新钩子useSelector和useDispatch。我成功地提取了数据并能够在控制台中显示出来。。基于useSelector文档，我可以在不传递到状态的情况下呈现useSelector。当我映射useSelector的变量时，我得到了TypeScript错误：Object is of type 'unknown'. PS。我也是TypeScript中的新手。
这是我的反应功能组件
import R
浏览 9提问于2020-05-08得票数 3
1回答
我在一个使用JSDoc编译器检查的JavaScript项目中使用TypeScript。
在TypeScript中，我可以创建如下所示的泛型类型：
type Optional<TType extends string> = { type: TType; optional?: boolean; } | { type: `${TType}?` };
type OptionalThing = Optional<'thing'>;
OptionalThing的解析和扁平值现在如下：
type OptionalThing =
| { type: 'th
浏览 10提问于2022-08-04得票数 1
回答已采纳
1回答
考虑以下示例代码，它会导致编译错误：
interface Options<T extends string> {
name: T
}
class A<T extends string> {
constructor(readonly options: Options<T>){};
}
class B {
constructor(readonly a: A) {}
// Error ~ Generic type 'A<T>' requires 1 type argument(s).
浏览 1提问于2020-07-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
