在带有Typescript的es6映射中使用泛型
在带有Typescript的ES6映射中使用泛型是指在使用ES6的Map数据结构时，结合Typescript的泛型特性来定义Map的键和值的类型。泛型可以使代码更加灵活和可重用，同时提供类型安全的检查。
在ES6中，Map是一种键值对的集合，其中的键和值可以是任意类型。而Typescript的泛型可以用来指定键和值的类型，以提供更好的类型检查和代码提示。
使用泛型的语法是在定义Map时，在尖括号中指定键和值的类型。例如，可以使用泛型来定义一个键为字符串，值为数字的Map：
let myMap: Map<string, number> = new Map<string, number>();在上述代码中，string表示键的类型，number表示值的类型。通过这样的定义，我们可以确保在使用Map时，只能使用指定类型的键和值。
使用泛型的好处是可以增加代码的可读性和可维护性。通过明确指定类型，可以避免在使用Map时出现类型错误。此外，使用泛型还可以提供更好的代码提示和自动补全功能，提高开发效率。
在腾讯云的产品中，与泛型相关的产品和服务可能包括：
- 云数据库 TencentDB：提供了多种数据库类型，如关系型数据库 MySQL、分布式数据库 TDSQL、NoSQL 数据库 MongoDB 等，可以根据具体需求选择适合的数据库类型。
- 产品介绍链接：云数据库 TencentDB
- 云函数 SCF（Serverless Cloud Function）：无需管理服务器的事件驱动型计算服务，支持多种编程语言，可以根据需要进行灵活的函数编写和部署。
- 产品介绍链接：云函数 SCF
请注意，以上仅为示例，具体的产品选择应根据实际需求和场景来确定。
相关·内容
1回答
多少类型文本在语法上与es6 / es7不同。我们在打字稿中有这样的代码：
class demo {
demoProp:any;
constructor () {
//...
}
}
但是es6不要求:any在属性之后声明它？所以，我应该继续使用打字稿，还是应该直接学习es6，因为它是标准的JavaScript。注意：-我知道TypeScript据说是基于类型的，也是es6的超集。但ecma script很可能在不久的将来成为TypeScript，还是在下一个版本7或8中？
浏览 2提问于2016-05-12得票数 3
回答已采纳
我开始学习脚本语言，特别是JavaScript。这很好，当我和Angular2一起学习TypeScript时，我开始感到困惑。
我意识到TypeScript可以定义内置类型，如字符串、数字和对象，而TypeScript将在编译时生成JavaScript。
这里开始了我的困惑，TypeScript是如何在JavaScript上定义泛型类型的，因为JavaScript是基于原型的语言，它不能定义类型。
例如，如何将下列代码编译到JavaScript中。
interface Person {
name : string,
age : number
}
有人能解释一下吗？脚本很有趣，但有时
浏览 5提问于2017-01-25得票数 1
回答已采纳
我试图声明一个带有约束泛型参数的TypeScript类。在C#中，以下内容将编译：
public class NewClass<T> where T: BaseClass {
}
什么是TypeScript等值？
浏览 1提问于2018-05-14得票数 1
回答已采纳
我正在使用带有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中有以下代码：
export class Config
{
private options = new Map<string, string>();
constructor() {
}
public getOption(name: string): string {
return this.options[name]; // <-- This line causes the error.
}
}
编译器给了我这个错误：
Error:(10, 16) TS7017: Index signatur
浏览 0提问于2016-01-04得票数 16
回答已采纳
特定的TypeScript代码从后端接收一个Config类型对象的数组.
对于数组中的每个Config对象，它需要用适当的信息更新/填充params，然后用填充的params执行一组调用。
我很难为这个场景创建合适的类型。下面是系统当前状态的一些代码，以及我遇到的问题。
与所有可用的合作伙伴都有一种热情：
enum TheEnum {
Foo = 'foo',
Bar = 'bar',
}
对于每一个合作伙伴，我们都知道他们接受的帕拉姆的形状：
interface ParamMap {
[TheEnum.Foo]: {
浏览 6提问于2020-09-21得票数 0
回答已采纳
下面的示例正在工作(在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回答
我有一个带有next和typescript的项目，并且在这个函数中我有一个通用的递归函数，type exist说属性‘构造函数’在类型'T‘上不存在。
这是我的职责
export const deepClone = <T>(obj: T):T => {
if (obj === null || typeof (obj) !== 'object') {
return obj;
}
let temp;
if (obj instanceof Date) {
temp = new Date(o
浏览 6提问于2022-11-19得票数 1
回答已采纳
我基本上有这样的想法：
function foo(){
// literally pass the arguments object into the pragmatik.parse method
// the purpose of pragmatik.parse is to handle more complex variadic functions
const [a,b,c,d,e] = pragmatik.parse(arguments);
// now we have the correct arguments in the expected location, usin
浏览 0提问于2017-03-03得票数 5
回答已采纳
我试图理解为什么当泛型是回调的返回类型时，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
回答已采纳
我试图在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
回答已采纳
为什么下面的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
回答已采纳
3回答
我在我的NS NG2应用程序上遇到了一些问题。每当我尝试运行命令tns livesync android --watch或任何其他要构建的命令时，我都会收到一个非常长的错误列表。下面是这个错误的一个小片段。
app/node_modules/typescript/lib/lib.es6.d.ts(20054,15): error TS2451: Cannot red
eclare block-scoped variable 'name'.
app/node_modules/typescript/lib/lib.es6.d.ts(20328,6): error TS2300: D
浏览 6提问于2016-11-16得票数 0
回答已采纳
我想做一个具有未知数量的泛型属性的typescript接口，所有这些属性都应该被定义为布尔值。如果我想创建一个带有属性'foo‘和泛型值的接口，我会这样做： export interface Foo<T> {
foo: T;
} 因为我基本上想做相反的事情，所以我试过了 export interface booleansMap<T> {
T: boolean;
} 但我有 'T' is defined but never used.(@typescript-eslint/no-unused-vars) 来自eslint 在文档中找不到这
浏览 30提问于2021-09-21得票数 1
回答已采纳
我不明白为什么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类型的函数指定一个input类型，并指定一个可选的outputType参数来确定返回类型。如果没有指定outputType，则返回类型与typeof input匹配。返回值也可能是该类型的Promise。
例如,
type Decrypter = (options: {
input: string | Buffer | stream.Readable;
outputType?: "string" | "buffer" | "stream" | undefined;
}) => X | Promis
浏览 1提问于2022-07-08得票数 0
回答已采纳
TypeScript 1.4 .这些例子展示了如何使用像type MyGreeter = Greeter<string>这样的别名，但是有可能有通用别名吗？
下面的示例说明不工作
type GenericAlias<T> = OriginalType<T>
type GenericAlias = OriginalType<T>
是否有可能在不进行类型化的情况下对泛型类型进行别名？
浏览 4提问于2015-03-14得票数 10
回答已采纳
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
回答已采纳
我想要创建一个函数，使一个新对象具有与它所接收的原始对象相同的键，但其值等于null。
所以..。
function nullify(arg) {
var returnObj = {}
for (var key in arg) {
returnObj[key] = null
}
return returnObj
}
我希望将类型添加到此函数中，以便在尝试访问返回对象上不存在的属性时，TypeScript编译器将发出警告。例如：
var nulled = nullify({
a: 1,
b: 2
})
console.log(nulled.foobar) /
浏览 6提问于2017-02-25得票数 2
回答已采纳
使用新的，我可以按以下方式过滤出类型的键。
// Filter out all keys of `T` that do not exist in `U`
type IntersectKeys<T, U> = {
[K in keyof T as K extends keyof U ? K : never]: T[K];
};
// e.g., IntersectKeys<{ foo: string; bar: number}, { foo: never }> === { foo: string }
但是，当我在泛型中使用这种类型时，TypeScript似乎完全
浏览 8提问于2022-06-21得票数 2
回答已采纳
我正在尝试使用，但我很乐意使用任何提供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
4回答
除了使用类型化数组之外，有没有一种方法可以在TypeScript中用另一个类型参数化一个类型？
对于KnockoutJs来说，这真的很有必要。
浏览 3提问于2012-10-15得票数 16
回答已采纳
在尝试使用.then链接jQuery承诺时，我在TS上遇到了一些困难
请看下面的代码：
function first(): JQueryPromise<string>
{
return $.when('1');
}
function test()
{
$.when()
.then(() =>
{
return first();
})
.then((value) =>
{
var str: string = va
浏览 3提问于2014-08-26得票数 4
在的帖子中，我得到了一些我们可以扩展现有typescript基类的方法，例如，添加新方法
interface StringConstructor {
isNullOrEmpty(str:string):boolean;
}
String.isNullOrEmpty = (str:string) => !str;
它真的很有效。但是对于泛型接口，我遇到了问题。例如，我需要在Array中添加新的方法contain()。我使用以下代码：
//1
interface Array<T> {
contain(item: T): boolean;
浏览 39提问于2017-01-15得票数 4
回答已采纳
我有一个带有一些返回值的属性/方法的类，这些值最初是通过构造函数传递的：
class Base {
constructor(arg) {
this.options = arg.options;
}
}
人们建议这个类使用泛型作为typescript的等价物：
class Base<T extends {options: any}> {
options: T["options"];
constructor(arg: T) {
this.options = arg.options;
}
}
// wo
浏览 1提问于2021-02-28得票数 3
当调用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
我有以下(简化型)： interface RequestActionMeta<Data, TransformedData> {
getData?: (data: Data, currentData: TransformedData) => TransformedData;
}
interface RequestAction<Data = any, TransformedData = Data> {
type: string;
request: any | any[];
meta?: RequestActionMeta<Data, Tran
浏览 19提问于2021-03-24得票数 1
回答已采纳
我已经创建了一个带有类型记录模板的反应本机项目。
npx react-native init myApp --template react-native-template-typescript
当我将参考文件关联到tsx文件中的视图时，我就有了这个错误。
没有过载和这个电话匹配。重载2中的1，‘(道具: ViewProps \ Readonly)：View'，给出了以下错误。键入'MutableRefObject‘不能分配到键入'LegacyRef \未定’。重载2中的2，‘(道具: ViewProps，上下文: any)：View'，给出了以下错误。键入
浏览 0提问于2021-05-19得票数 0
回答已采纳
我试图从Http响应中获取一个对象，并将其转换为JavaScript中的C#。我搞不懂为什么我不能使用Map.prototype.forEach。它一直告诉我它不存在。根据的MDN，它首先是在ES2015中引入的。我在tsconfig的lib部分包含了ES2015、ES2015.collection和ES2015.iterable。我认为这就足够了，但它似乎根本不起作用。我是不是漏掉了什么？
下面是我的tsconfig文件：
{
"compileOnSave": false,
"compilerOptions": {
"target
浏览 39提问于2018-10-09得票数 -1
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的react应用程序中工作。其中一个函数在其中一个变量中接收泛型类型。
如何检查变量的T类型？这个是可能的吗？
MyFunction<T>(newValues: Array<T>) {
if (typeof T === "string") {
// do some stuff
}
}
浏览 0提问于2019-02-19得票数 13
回答已采纳
我不明白为什么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
回答已采纳
我有一个带有两个键的对象类型Options：
strategy：一个需要一个未知类型参数的函数
parameter：与strategy的第一个参数相同的类型
我想做以下几件事
type FooParameter = { foo: string }
type BarParameter = { bar: string }
const fooOptions: Options = {
strategy: (parameter: FooParameter) => {},
parameter: { foo: 'foo' }
}
const barOption
浏览 3提问于2020-01-20得票数 1
我正在使用带有TypeScript的react-router v5.1，并具有以下路由配置：
<Router basename="/" hashType="slash">
<Switch>
<Route path="/token/:tokenName">
<TokenPage />
</Route>
</Switch>
</Router>
我尝试使用useParams钩子访问组件中的url参数
浏览 0提问于2019-11-28得票数 44
回答已采纳
我正在尝试创建一个实用函数，为提供给它的模型自动生成分页，如下所示： import { Model } from 'sequelize-typescript';
async function getPagination<T extends typeof Model>(model: T) {
const page = 1;
const limit = 10;
const data = await model.findAndCountAll({
limit,
offset: (page - 1) * limit,
});
//
浏览 19提问于2020-07-29得票数 0
回答已采纳
问题：
当我忘记向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中创建这个常量：
const PARAMS = {
green: {color: 0x007700},
black: {color: 0x000000},
white: {color: 0xffffff},
};
它将类型推断为{ green: {color: number}; black: { color: number }; white: { color: number }; }。
但是从上下文中我知道值的类型应该是THREE.MeshBasicMaterialParameters。我可以使用索引类型声明这一点：
const PARAMS: {[na
浏览 3提问于2017-09-07得票数 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
回答已采纳
2回答
有没有C#的Func关键字的TypeScript等价物？
在对目前TypeScript转换一些现有代码的初步探索中，我对类/对象使用了接口，但发现自己复制了不必要的函数类型。我是不是遗漏了什么？
在下面的代码中，我已经为一个对象类型(Data)定义了一个接口，命名为(data: Data) =>也会从中受益
interface Funcs {
box: (data: Data) => void;
lbl: (data: Data) => void;
}
谢谢!
浏览 2提问于2012-11-04得票数 2
回答已采纳
1回答
我只是好奇，知道这在TypeScript中是否可行。假设我有一个定义为联合类型的实体标识符列表：
type EntityID = 'authors' | 'books' | 'programs';
然后，假设我们对每一个实体都有以下类：
class Author { getBirthday() }
class Book {}
class Program {}
是否有一种方法可以使此工作在类型级别进行，以便给定一个具体的EntityID TypeScript (和make )知道返回类型是一个具体的实体类？类似于：
const book = gen
浏览 5提问于2022-07-05得票数 1
回答已采纳
由于我无法解释的与泛型相关的错误，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
回答已采纳
我有一个TypeScript文件： export class Table<T> {
private readonly records: Record<string, T> = {};
}
export function foo(table: Table<number>) {
console.log('Foo');
} 我有一个JavaScript文件 import { Table, foo } from './scratch';
let table = new Table();
foo(table); f
浏览 10提问于2021-01-18得票数 0
我有以下Typescript代码： type Encoding = 'binary' | 'utf8';
type EncodingType = { binary: string, utf8: Uint8Array };
interface FS {
readFile: <T extends Encoding>(path: string, opts?: { encoding?: T, flags?: string }) => EncodingType[T];
}
type FSMethodNames = { [K in keyof F
浏览 19提问于2020-12-04得票数 0
1回答
目前，我正在尝试查看TypeScript。
在我的旧JavaScript-Source上，我为EventListener提供了一个简单的基于名称的数组对象：
let _events = {};
this.addEventListener = function addEventListener(name, callback) {
if(typeof(_events[name]) == 'undefined') {
_events[name] = [];
}
_events[name].push(callback);
};
this.fire
浏览 0提问于2017-11-05得票数 0
1回答
我试着使用了带有实体框架和身份框架的类型类型。在标识框架中，存在着TypeName<Tkey>和TypeName: TypeName<String>格式的各种类型。类型精英正确地导出类型，但是这种行为在打印文本中是不可能的，我应该如何解决这个问题？
类：
namespace DTO
{
[TypeLite.TsClass]
public class Test : Test<String>
{
}
public class Test<TKey>
{
public TKey Id {
浏览 9提问于2015-10-12得票数 2
回答已采纳
我正在尝试用TypeScript在React中构建一个很好的、类似Rails的表单生成器。我对可能的编译时检查很感兴趣，我很想看看是否有某种我可以实现的检查。我不确定如何抽象地表达这个问题，但我认为一个小例子会更好地说明它。
假设我有一个泛型Input类型，它是一个具有某些属性的对象。我希望有一个函数numericField，它接受一个输入对象和键K，其中Input[K]的类型是number。如果我传递了一个输入错误的键或string类型的键，我会得到一个编译器错误。
例如：
interface Person {
name: string
age: number
}
我想要得到以下信息
浏览 6提问于2020-06-03得票数 2
回答已采纳
假设我想在Typescript中声明一个泛型数组。未知通配符‘’的等价物是什么？在Java中？
这是可以编译的，但是看起来有点笨拙的MyGeneric<any>[];
我希望声明等同于Java MyGeneric<?>[];，即单个类型数组，但是类型在声明时是未知的。
干杯。
浏览 1提问于2015-10-20得票数 14
(转载于)
我猜这是@types/react和LazyExoticComponent定义的问题...
在带有类型参数的组件上使用React.lazy()时，Typescript无法再编译项目。
给定组件：
import React from "react";
export interface Props<T> {
value: T;
valueCallback: (t: T) => void;
}
export default function TypedComponent<T>(props: Props<T>) {
r
浏览 10提问于2020-05-08得票数 7
1回答
陷入了一些我无法想象的事情中。
我希望在我的TypeScript包中有一个如下函数：
function example<U>(key: keyof U) {
return function<T extends U[typeof key]>(
value: T,
cb: (obj: unknown /* not sure what this should be typed as */) => void
) {
// ...
}
}
并事先通过未知的联盟进入它：
type Union =
| {
color: &#
浏览 8提问于2022-03-15得票数 1
回答已采纳
以前可能有人问过这个问题，但我遇到了一种情况，即我有一个对象类型，我的后端希望这样做：
type TagTypeThatMyBackendWants = {
id: string;
name: string;
}
它由两个字符串类型键组成，键名为id和name。我从后端获取这些类型的标记对象，我的后端也期望这些对象返回。现在，问题是我使用的是一个处理这些标记的库，但是库希望对象看起来如下所示：
type TagTypeThatALibraryWants = {
id: string;
text: string;
}
因此，它基本上是同一个对象，但是库需要一个带有
浏览 0提问于2021-11-30得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
