类型数组中的Typescript泛型类型约束
Typescript泛型类型约束是一种在类型数组中使用泛型类型的限制方式。它允许我们在定义数组时指定数组元素的类型，并且在使用数组时确保只能存储指定类型的元素。
在Typescript中，我们可以使用泛型类型约束来定义类型数组。具体的语法是在数组类型后面使用尖括号（<>）来指定泛型类型。例如，我们可以定义一个只能存储字符串类型的数组：
let stringArray: Array<string> = ["Hello", "World"];在上面的例子中，Array<string>表示一个只能存储字符串类型的数组。如果我们尝试存储其他类型的元素，Typescript编译器会报错。
泛型类型约束的优势在于它提供了类型安全性和代码重用性。通过使用泛型类型约束，我们可以在编译时捕获类型错误，并减少运行时错误的可能性。此外，泛型类型约束还可以使我们的代码更加灵活和可扩展，因为它可以适用于不同类型的数组。
Typescript泛型类型约束的应用场景包括但不限于以下几个方面：
- 数据结构：可以使用泛型类型约束定义各种类型的数组，如字符串数组、数字数组、对象数组等。
- 函数参数和返回值：可以使用泛型类型约束函数的参数和返回值，以确保输入和输出的类型符合预期。
- 类的成员变量和方法：可以使用泛型类型约束类的成员变量和方法，以确保它们只能存储或操作指定类型的数据。
腾讯云提供了一系列与云计算相关的产品，其中与Typescript泛型类型约束相关的产品包括云函数（SCF）和云开发（CloudBase）。云函数是一种无服务器的事件驱动计算服务，可以使用Typescript编写函数并在云端运行。云开发是一套面向开发者的云原生应用开发平台，提供了云函数、数据库、存储、托管等功能，可以方便地进行Typescript开发和部署。
更多关于腾讯云云函数和云开发的信息可以在以下链接中找到：
请注意，本回答仅提供了腾讯云相关产品作为参考，其他云计算品牌商也提供了类似的产品和服务。
相关·内容
如何将类型参数T约束为Typescript中的数组。例如，我想创建一个接受数组类型的类型，并将其包装在另一个级别。就像这样
type WrapIt<T extends T[]> = [T]; // Doesn't do what I want.
浏览 6提问于2020-05-22得票数 0
回答已采纳
我试图声明一个带有约束泛型参数的TypeScript类。在C#中，以下内容将编译：
public class NewClass<T> where T: BaseClass {
}
什么是TypeScript等值？
浏览 1提问于2018-05-14得票数 1
回答已采纳
考虑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
回答已采纳
2回答
给定System.Reflection.MethodInfo类型的对象，如何提取泛型参数约束？不知何故，我找不到这方面的合理信息。
浏览 4提问于2015-11-18得票数 4
回答已采纳
2回答
我目前正在上一门关于TypeScript的课程，我想知道以下内容。为什么extends T是下面函数的约束？我认为约束应该是return param.length，因为长度是字符串的属性。
function genericInferred<T extends string>(param: T) {
return param.length;
}
console.log(genericInferred("Four"));
type UUID = string;
let id: UUID = "123-456
浏览 3提问于2020-10-28得票数 0
回答已采纳
我想在TypeScript中强制使用这个泛型实现属性。我目前的代码是：
interface IEventHandler<TArgs>
{
(args: TArgs): void
}
interface ISubscribable<THandlerType>
{
bind(fn: THandlerType): void;
unbind(fn: THandlerType): void;
}
interface IEvent<TArgs> extends ISubscribable<IEventHandler<TArg
浏览 1提问于2016-08-02得票数 1
回答已采纳
我有以下代码作为简化示例： class QueryArgs {
studentId?: string;
teacherId?: string;
}
class BaseValidator<T> {
protected args: T;
constructor(args: T) {
this.args = args;
}
protected requireTeacher(): void {
if (!this.args.teacherId) {
throw new Error("teacherId required&
浏览 10提问于2019-01-30得票数 2
回答已采纳
2回答
我对typescript非常陌生，正在尝试编写一些代码，这些代码从不同的来源获取许多不同形状的数据，并将它们传递给聚合它们的类(每个数据形状一个聚合器类)。 要做到这一点，我认为我需要一个函数(下面称为dispatch )，它将接受一个泛型数据类型和该数据的聚合器类的标识符，但我正在努力约束足够多的参数，以使typescript满意。 这就是我到目前为止所知道的： enum SourceIdentifier {
A = 'a',
B = 'b'
}
interface DataA {
prop1: number,
prop2: number[
浏览 30提问于2021-09-08得票数 0
回答已采纳
1回答
不知道我想要什么typescript功能，但我想我需要一个通用的(如果那是一个typescript功能)。下面是我的要求。
下面是我到目前为止所知道的。
interface Event {
type: string;
}
type EventType<T extends Event> = T['type'];
type EventHandler<T extends Event> = (event:T): void;
// so far so good
type EventTypeAndHandlerTuple <T extends Event
浏览 0提问于2021-02-13得票数 1
我正在尝试用TypeScript在React中构建一个很好的、类似Rails的表单生成器。我对可能的编译时检查很感兴趣，我很想看看是否有某种我可以实现的检查。我不确定如何抽象地表达这个问题，但我认为一个小例子会更好地说明它。
假设我有一个泛型Input类型，它是一个具有某些属性的对象。我希望有一个函数numericField，它接受一个输入对象和键K，其中Input[K]的类型是number。如果我传递了一个输入错误的键或string类型的键，我会得到一个编译器错误。
例如：
interface Person {
name: string
age: number
}
我想要得到以下信息
浏览 6提问于2020-06-03得票数 2
回答已采纳
2回答
假设我在TypeScript中创建了一个容器。它可以是任何容器，但我将使用以下简单示例：
class Container<T> {
val: T;
constructor(t: T) {
this.val = t;
}
}
假设我想提供一个函数，这样如果我有两个带有数字的容器，我就可以轻松地创建一个新的容器，将这些数字相加在一起。
class Container<T> {
val: T;
constructor(t: T) {
this.val = t;
}
add(c: Container<number>): C
浏览 5提问于2016-07-22得票数 0
回答已采纳
1回答
TypeScript和JavaScript一样，允许您处理值数组。数组类型可以用两种方式之一编写。在第一个示例中，您使用元素的类型(后面是'[]‘)来表示该元素类型的数组：
var list:number[] = [1, 2, 3];
第二种方法使用泛型数组类型Array：
var list:Array<number> = [1, 2, 3];
这两种语法有什么区别吗？有充分的理由用两种方式来写这些吗？(我知道泛型在其他语言中是一回事，但我以前从未使用过泛型)。
浏览 5提问于2015-05-14得票数 2
回答已采纳
1回答
在TypeScript中，基本类型推断非常简单：
const bar = foo(); // bar: <type that foo returns>
考虑到泛型参数的默认值为{}，由于回调函数返回的是number而不是{}，因此预期下面的代码将导致类型错误是合理的
function foo<T = {}>(callback: () => T): T {
return callback();
}
let bar = foo(() => 1); // bar: number
但我们知道T是从回调返回值中推断出来的，它是：
function foo&l
浏览 6提问于2018-05-10得票数 1
我试图理解为什么当泛型是回调的返回类型时，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回答
我是新来的，我有一个问题:在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
回答已采纳
我有两个应用程序，一个是用TypeScript编写的，另一个是用React编写的。在复制TypeScript中现有的功能以开发React中的工作版本时，浏览器控制台会抛出语法错误，并对转换程序错误抛出babels。
是否响应支持语法，如：Array<File>或<Array<File>>？请解释一下为什么或者为什么不。
我经常在允诺/可观察的代码中看到这些符号，而在本例中，这些符号用于文件。以这种方式实例化对象的目的是什么，它比简单实例化空数组有什么好处？
浏览 8提问于2017-02-18得票数 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对象。例如：
interface BaseInterface<T> {
staticA: string;
staticB: number;
dynamicA: T;
}
BaseInterface<SomeOtherInterfaceOrType>
当像这样使用时，它应该将dynamicA类型定义为SomeOtherInterfaceOrType。
如何才能实现这一行为？如何创建另一个这种类型的接口？
浏览 2提问于2022-10-04得票数 0
回答已采纳
interface<T> where T : class
例如
public interface iSend<T> where T : class
上面的代码是什么意思？
为什么要使用这个？
什么时候使用这个？
浏览 1提问于2014-02-14得票数 3
回答已采纳
由于我无法解释的与泛型相关的错误，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
回答已采纳
我有一个名为updateArrayOfObjects的函数，它更新数组中的对象。我将一个泛型类型传递给这个函数，如下所示： interface OtherIncomeSource {
id?: string;
incomeDescription?: string;
amount?: number;
}
const otherIncomes = [
{
id: "#6523-3244-3423-4343",
incomeDescription: "Rent",
浏览 328提问于2020-06-18得票数 6
回答已采纳
在Java中，我可以编写类似于List<MyClass<? extends MyConstraint>>的东西来表示“用各种类型实例化为T的MyClass实例列表，都是扩展MyConstraint”。
这与List<MyClass<MyConstraint>>不是一回事，因为A继承MyConstraint并不使MyClass<A>可以分配给MyClass<MyConstraint>
我认为打字本应该有足够的表现力来表达，但我找不到该怎么做.我错过了什么吗？
哦，我们的项目使用了no-explicit-any eslint规
浏览 1提问于2022-02-06得票数 0
回答已采纳
我使用TypeScript输入以下内容： const k = {
container: {
width: '100%',
},
} 当我使用智能感知时，TypeScript发现我的对象k有一个名为container的属性似乎很酷。它工作得很好。现在，我想限制属性的值，所以我声明了一个接口： interface StyleSet {
[key: string]: React.CSSProperties
} 现在我将类型添加到前面的对象中，所以我们有： const k: StyleSet = {
container: {
width: '10
浏览 48提问于2020-09-17得票数 0
1回答
在TypeScript中，是否可以将对象中的每个键作为泛型传递给该对象中的每个相应值？例如：
interface Items
{
[key: Key extends string]: Item <Key>;
};
interface Item <Key>
{
name: Key;
};
如果键是字符串文字，则可以实现此操作：
type Name = 'a' | 'b' | 'c';
type Items =
{
[Key in Name]?: Item<Key>;
};
inter
浏览 0提问于2019-08-27得票数 1
下面的示例正在工作(在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
回答已采纳
1回答
(抱歉，不得不使用url缩短器，链接字符中断标记) TypeScript版本1.6.2
我的angular2应用程序有两个服务。让我们给它们取名为ServiceA和ServiceB。它们中的每一个都具有相似的数据结构，所以我决定使用extends不编写相同的代码两次。将提供数据结构的类称为页面，如下所示：
class Pages {
public pages = [];
private active: number = 0;
get current() {
return this.pages[this.active];
}
constructor(private
浏览 4提问于2015-11-28得票数 0
回答已采纳
我正在尝试找到一种方法来告诉TypeScript的编译器，值是(深呼吸)泛型类型的键，如果应用于该类型的对象，将产生特定类型的属性。我知道这句话真的很让人困惑，所以这里有一个具体的例子。
const obj: T = an object of type T;
const key: KeysMatching<T, U> = a key that matches `typeof T[key] === U`;
const attribute = obj[key];
在这里，我希望attribute是U类型，或者可以赋值给U类型。
我受到TypeScript文档中提供的的启发，尝试使用中建
浏览 57提问于2019-05-21得票数 1
回答已采纳
1回答
假设我定义了以下接口和实现它的类：
type IGreeter =
abstract member GetGreeting: unit -> string
type Human =
interface IGreeter with
member this.GetGreeting () = "Why hello there"
太棒了。然后说我在某个地方有一个list<Human>。现在，问题是，如何将其转换为list<IGreetable>？示例：
let humans: Human list = ...
let greeters:
浏览 0提问于2014-04-26得票数 0
回答已采纳
2回答
我读过Eric Elliot的这篇文章：
“您可能不需要TypeScript (或静态类型)”@_ericelliott
他谈到了TS函数
function identity<T>(arg: T): T {
return arg;
}
<T>语法的目的是什么？我相信这是为了仿制药，但我不太明白它的目的。
为什么arg被声明为T类型这一事实不能解决所有问题？
浏览 4提问于2017-03-05得票数 0
回答已采纳
1回答
打字稿语法
、、、
我是TypeScript的新手，并且在我公司的一次回购中大量使用它。(我们正在构建一个React/Redux应用程序。)我熟悉TypeScript泛型的基本概念，但有一点语法令人费解。下面是所讨论的代码的一个示例(它位于一个还原器中)：
interface EntityState<Entity> {
entity?: Entity;
status: ApiStatus; // enum
}
interface FieldSummary {
dataType?: string;
// other properties...
}
function singl
浏览 1提问于2018-11-15得票数 2
回答已采纳
我正在尝试创建一个在深度嵌套的对象(本例中为theme)中安全地查找属性的函数。值得一提的是，我不想静态地定义它的类型，因为它们旨在成为频繁更改的对象，从而使用typeof 这个函数接受对象本身和3个键，但问题是-我不能正确地推断它们的类型。 const theme = {
button: { margin: { sm: "sm" } },
form: { padding: { lg: "lg" } }
}
type Theme = typeof theme
type CompoName = keyof Theme;
// styles
浏览 18提问于2019-10-18得票数 1
回答已采纳
我的API有一个返回具体类型或BadResult TypeScript类型的模式，如下所示：
type Result1 = CreatedPersonResult | BadResult;
type Result2 = CreatedRoleResult | BadResult;
我希望创建一个通用包装器函数，可以将Result1或Result2传递给它，并且只想返回成功的结果。例如CreatedPersonResult。
我相信我可以使用Exclude TypeScript选项。
如果它是一个BadResult，抛出一个错误是可以的。
const resolveActualType = (r
浏览 3提问于2022-11-04得票数 1
根据注释中引用的错误消息，以下代码失败。它已经被归结为最低限度，所以下面的代码没有明显的实用价值。我只是试图处理真正奇怪的(在我看来)错误消息。我之所以将数组声明为[P]而不是[S]，是因为数组内容的常见运行时多态性。
protocol P {
func sp()
}
struct S: P {
func sp() {}
}
extension Array where Element: P {
func am() {}
}
func t() {
let goodA = [S]()
goodA.am() // No problem
let
浏览 3提问于2015-09-23得票数 0
3回答
根据TypeScript (查找字符串文本类型部分)，下面的代码应该在TypeScript上工作：
function createElement(tagName: "img"): HTMLImageElement;
function createElement(tagName: "input"): HTMLInputElement;
// ... more overloads ...
function createElement(tagName: string): Element {
// ... code goes here ...
}
当我在或V
浏览 1提问于2016-04-21得票数 3
回答已采纳
我正在尝试编写一个Sub-Pub类，它支持由以下语法表示的事件和子事件： publisher.on("message:general", ... ) // subscribe to all messages
publisher.on("message", ... ) // subscribe to messages in general 为此，我使用TypeScript模板文字。 问题是，虽然它大体上可以工作，但它似乎打破了通用约束。我做错了什么吗？ 到目前为止，它看起来是这样的： TS Playground link for convenience inte
浏览 27提问于2021-11-13得票数 2
2回答
我们有一个泛型类型，它成功地从它接收的类型中提取数据属性。它是in the playground，它是这样工作的。 type DataPropertyNames<T> = {
[K in keyof T]: T[K] extends Function ? never : K;
}[keyof T];
type FooBarBaz = {
foo: string;
bar: Function;
baz: number;
};
const f1 = () => {
type DataProps = DataPropertyNames<FooBarB
浏览 15提问于2020-09-18得票数 1
回答已采纳
假设我有一个接口，比如：
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
回答已采纳
1回答
我有一个通用的typescript类，有2个属性，如下-
export class WrapperModel<T>{
constructor(private testType: new () => T) {
this.getNew();
}
getNew(): T {
return new this.testType();
}
public Entity: T;
public ShowLoading: boolean;
}
然后按如下方式使用它：
this.userModel = new Wra
浏览 15提问于2017-12-12得票数 0
回答已采纳
1回答
我已经创建了一个名为'ServerData‘的接口，它包含一个对象-我从Musixmatch请求的歌曲数据。我想用Axios获取一首歌曲，然后将其放入initialState，但由于我是新接触接口，我不确定如何处理我的响应，以便它可以适应ServerData接口。 当我将鼠标悬停在错误上时，它会显示：Type '{ randomSong: object; }' is not assignable to type 'never' 如果这是相关的，在我将TypeScript添加到项目中之前，Axios fetch工作得很好，我的前端能够获得歌曲数据，只是那
浏览 17提问于2020-11-10得票数 0
回答已采纳
1回答
我正在尝试创建一个Map类，其中包含将由其他类(例如CharacterManager )设置的映射。
由于内容取决于其他类，所以我希望Map采用一个将始终扩展object的泛型。
例如：
// Map.ts
interface MapCellData {
collides: boolean;
}
class Map<CellData extends object = {}> {
map!: Array<Array<CellData & MapCellData>>;
}
// CharacterManager.ts
interface Ch
浏览 1提问于2019-10-04得票数 1
回答已采纳
假设我想在Typescript中声明一个泛型数组。未知通配符‘’的等价物是什么？在Java中？
这是可以编译的，但是看起来有点笨拙的MyGeneric<any>[];
我希望声明等同于Java MyGeneric<?>[];，即单个类型数组，但是类型在声明时是未知的。
干杯。
浏览 1提问于2015-10-20得票数 14
C#对的定义是：
public abstract class ClientBase<TChannel> : ICommunicationObject,
IDisposable
where TChannel : class
它清楚地指示class类型上的TChannel约束。据我所知，这意味着在声明自己的类时，不能使用泛型和接口类型。因此，如果这样声明了一项服务：
public IMyService
...
public MyService : IMyService
...
这应该是可行的：
public MyServiceClient : ClientBase<My
浏览 3提问于2016-12-03得票数 5
回答已采纳
2回答
我最近开始学习JAVA泛型。一切都说得通，我现在有点明白了。但是有一件事困扰着我--你不能创建泛型类型的数组。
我想实现抽象数据类型，如队列和堆栈，但使用一些泛型类型作为存储在堆栈中的底层数据。我怎么才能绕开呢？我肯定我错过了，但它是什么？
提前谢谢。
浏览 2提问于2014-02-09得票数 1
回答已采纳
TypeScript 3.0引入了一种名为unknown的新类型，它正是这样做的。就像any一样，任何值都可以分配给unknown；但是，与any不同，您不能使用unknown类型访问值上的任何属性，也不能调用/构造它们。此外，unknown类型的值只能分配给unknown或any。
例如，将上面的示例替换为使用unknown而不是any强制将foo的所有用法转换为一个错误：
let foo: unknown = 10;
// Since `foo` has type `unknown`, TypeScript
// errors on each of these usages.
浏览 1提问于2018-07-28得票数 8
回答已采纳
特定的TypeScript代码从后端接收一个Config类型对象的数组.
对于数组中的每个Config对象，它需要用适当的信息更新/填充params，然后用填充的params执行一组调用。
我很难为这个场景创建合适的类型。下面是系统当前状态的一些代码，以及我遇到的问题。
与所有可用的合作伙伴都有一种热情：
enum TheEnum {
Foo = 'foo',
Bar = 'bar',
}
对于每一个合作伙伴，我们都知道他们接受的帕拉姆的形状：
interface ParamMap {
[TheEnum.Foo]: {
浏览 6提问于2020-09-21得票数 0
回答已采纳
我试图在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
回答已采纳
抱歉，标题太乱了。我想，举个例子让它更清楚。
const array = [
{ id: 1, value: 'a' },
{ id: 2, value: 'b' },
];
// A will be the type Array<{ id: number, value: string }>
type A = typeof array;
// K will be the type of all the keys of Array type like length, toString, ...
type K = keyof A;
//
浏览 0提问于2018-03-16得票数 1
回答已采纳
2回答
以下代码有效：
public class Converter<T,M> : CustomCreationConverter<M>
where T : new()
where M : class
然而，这正是我想要做的：
public class Converter<T,M> : CustomCreationConverter<M>
where T : new()
where M : interface
相当于这种可能性？
在我的具体情况下，一个规定T可以作为M的约束也就足够了。
为了澄清，我不需要让T实现某
浏览 0提问于2019-07-23得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
