typescript动态类型和泛型
TypeScript是一种开源的编程语言，它是JavaScript的超集，添加了静态类型和其他一些特性。TypeScript的动态类型和泛型是其强大的特性之一。
动态类型是指在运行时可以根据变量的值来确定其类型。TypeScript中的动态类型可以通过使用any关键字来实现。使用动态类型可以灵活地处理不同类型的数据，但也会带来类型安全性的问题。
泛型是指在编写代码时不指定具体类型，而是使用占位符来表示类型。通过使用泛型，可以编写更加通用和可复用的代码。在TypeScript中，可以使用泛型来定义函数、类和接口。
动态类型和泛型在TypeScript中的应用场景很广泛。动态类型可以用于处理不确定类型的数据，例如从外部API获取的数据或用户输入的数据。泛型可以用于编写通用的数据结构和算法，例如数组、链表、栈、队列等。
腾讯云提供了一系列与TypeScript开发相关的产品和服务：
- 云函数（Serverless Cloud Function）：腾讯云的无服务器计算服务，可以使用TypeScript编写云函数，实现按需计算和弹性扩展。了解更多：云函数产品介绍
- 云开发（CloudBase）：腾讯云的一站式后端云服务，支持使用TypeScript进行后端开发，提供数据库、存储、云函数等功能。了解更多：云开发产品介绍
- 云原生应用平台（Tencent Kubernetes Engine，TKE）：腾讯云的容器服务平台，支持使用TypeScript进行容器化应用的开发和部署。了解更多：云原生应用平台产品介绍
请注意，以上仅为腾讯云提供的部分与TypeScript开发相关的产品和服务，更多产品和服务详情请参考腾讯云官方网站。
相关·内容
下面的示例正在工作(在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回答
如何使用TypeScript动态地创建组件？假设我有一些RandomComponent，并将它作为道具传递给renderInput，我如何从它返回<RandomComponent>？TypeScript似乎不理解这样的东西：
export const renderInput = (props) => {
const Field: JSX.Element = props.component;
return (
<Field {...props} />
)
}
编辑:让它工作，但我想知道，如果我想添加这个ComponentType类型。它在没有它的
浏览 7提问于2022-11-22得票数 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
回答已采纳
我开始学习脚本语言，特别是JavaScript。这很好，当我和Angular2一起学习TypeScript时，我开始感到困惑。
我意识到TypeScript可以定义内置类型，如字符串、数字和对象，而TypeScript将在编译时生成JavaScript。
这里开始了我的困惑，TypeScript是如何在JavaScript上定义泛型类型的，因为JavaScript是基于原型的语言，它不能定义类型。
例如，如何将下列代码编译到JavaScript中。
interface Person {
name : string,
age : number
}
有人能解释一下吗？脚本很有趣，但有时
浏览 5提问于2017-01-25得票数 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
回答已采纳
你知道如何才能做到这一点吗？
function getTest<T>(): T["test"] {
// ...
}
...or动态：
function getTest<T, U>(): T[U] {
// ...
}
不幸的是，编译器说是Type '“test”' cannot be used to index type 'T'。我使用的是TypeScript 2.4.2。
浏览 2提问于2017-08-07得票数 7
回答已采纳
1回答
假设我有一个具有不同类型的属性的对象，并且我想给一个动态标识的属性分配一个动态值。这在JavaScript中非常好，但是我如何在TypeScript中做到这一点，消除not assignable to type 'never' TS(2322)错误，理想情况下不使用any
示例代码()：
interface Film {
name : string;
durationInSeconds : number;
}
const myFunction = function(
film: Film,
filmPropertyName: keyof Film
浏览 29提问于2022-03-30得票数 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
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
回答已采纳
我不明白为什么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
回答已采纳
1回答
在为options对象创建接口时，我试图允许用户使用显式返回类型和泛型参数类型指定函数。如果事先没有为函数定义类型，这是可能的，但我不知道如何为您已经定义的函数类型定义类型。
例如，它工作得很好：
interface Options {
// Other options...
converterFunction: <T>(rawData: T) => [];
}
但这似乎是一种合理的语法，但事实并非如此。
type ConverterFunction<T> = (rawData: T) => [];
interface Options {
//
浏览 1提问于2020-04-17得票数 1
回答已采纳
4回答
除了使用类型化数组之外，有没有一种方法可以在TypeScript中用另一个类型参数化一个类型？
对于KnockoutJs来说，这真的很有必要。
浏览 3提问于2012-10-15得票数 16
回答已采纳
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
回答已采纳
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
回答已采纳
我正在尝试使用，但我很乐意使用任何提供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
无法去除离子-2中的动态成分。它的意思是在类型记录编译时表示异常
“泛型类型'ComponentRef‘需要一个类型的参数”。
此外，在不使用ionic2的情况下，相同的代码也在工作。非常感谢你的帮助。提前谢谢。
class DynamicCmp {
_ref: ComponentRef;
_idx: number;
constructor(private resolver: ComponentResolver, private location: ViewContainerRef) { }
remove() {
this._ref.destroy();
浏览 2提问于2016-07-01得票数 9
回答已采纳
我正在使用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
回答已采纳
在我的项目中，我使用的是反应式打字本。对于状态管理，我使用的是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
由于我无法解释的与泛型相关的错误，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
回答已采纳
2回答
我对typescript非常陌生，正在尝试编写一些代码，这些代码从不同的来源获取许多不同形状的数据，并将它们传递给聚合它们的类(每个数据形状一个聚合器类)。 要做到这一点，我认为我需要一个函数(下面称为dispatch )，它将接受一个泛型数据类型和该数据的聚合器类的标识符，但我正在努力约束足够多的参数，以使typescript满意。 这就是我到目前为止所知道的： enum SourceIdentifier {
A = 'a',
B = 'b'
}
interface DataA {
prop1: number,
prop2: number[
浏览 30提问于2021-09-08得票数 0
回答已采纳
1回答
TypeScript和JavaScript一样，允许您处理值数组。数组类型可以用两种方式之一编写。在第一个示例中，您使用元素的类型(后面是'[]‘)来表示该元素类型的数组：
var list:number[] = [1, 2, 3];
第二种方法使用泛型数组类型Array：
var list:Array<number> = [1, 2, 3];
这两种语法有什么区别吗？有充分的理由用两种方式来写这些吗？(我知道泛型在其他语言中是一回事，但我以前从未使用过泛型)。
浏览 5提问于2015-05-14得票数 2
回答已采纳
1回答
我已经多次阅读问题中关于TArray<T>和array of T的答案。据我所知，第一个类型的使用比后者更通用，因为对于一个动态数组，我应该声明一个类似于.
type
TMyFlexibleArray = array of Integer;
..。这是必要的(在某些情况下)，因为我不能返回一个array of Integer，例如。当然，我可以返回一个泛型类型。动态数组没有固定的长度，它们的内存由SetLength过程重新分配。TArray是一个带有静态方法的泛型类；有关它的文档声明：
您不应该创建这个类的实例，因为它的唯一目的是提供排序和搜索静态方法。
它们有两个
浏览 1提问于2016-12-20得票数 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
回答已采纳
特定的TypeScript代码从后端接收一个Config类型对象的数组.
对于数组中的每个Config对象，它需要用适当的信息更新/填充params，然后用填充的params执行一组调用。
我很难为这个场景创建合适的类型。下面是系统当前状态的一些代码，以及我遇到的问题。
与所有可用的合作伙伴都有一种热情：
enum TheEnum {
Foo = 'foo',
Bar = 'bar',
}
对于每一个合作伙伴，我们都知道他们接受的帕拉姆的形状：
interface ParamMap {
[TheEnum.Foo]: {
浏览 6提问于2020-09-21得票数 0
回答已采纳
所以，我想在typescript中做一些有用的事情
interface Object {
safeCall(func: (obj: === typeof this ===) => any | null);
}
Object.prototype.safeCall = func => {
try {
const value = func(this);
return value ? value : null;
} catch {
return null;
}
};
interface MeasureUni
浏览 0提问于2018-03-28得票数 1
我对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
回答已采纳
我在使用typescript的react应用程序中工作。其中一个函数在其中一个变量中接收泛型类型。
如何检查变量的T类型？这个是可能的吗？
MyFunction<T>(newValues: Array<T>) {
if (typeof T === "string") {
// do some stuff
}
}
浏览 0提问于2019-02-19得票数 13
回答已采纳
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
回答已采纳
如果一个函数的一个参数是两个类型的并集，我如何才能正确地推断返回类型？ 我已经尝试了以下条件类型，但它不起作用(参见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
回答已采纳
我使用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
2回答
此语法来自Angular2英雄教程。
getHeroes(): Promise<Hero[]> == getHeroes(): (Promise: Hero[]) ?
我对Promise<Hero[]>部分感到困惑，尤其是。这是一种一次表示多种类型的方法吗？<和>之间的区域代表什么？
我是TypeScript和Angular2的新手，但我想知道。
浏览 4提问于2016-12-06得票数 0
回答已采纳
2回答
有没有C#的Func关键字的TypeScript等价物？
在对目前TypeScript转换一些现有代码的初步探索中，我对类/对象使用了接口，但发现自己复制了不必要的函数类型。我是不是遗漏了什么？
在下面的代码中，我已经为一个对象类型(Data)定义了一个接口，命名为(data: Data) =>也会从中受益
interface Funcs {
box: (data: Data) => void;
lbl: (data: Data) => void;
}
谢谢!
浏览 2提问于2012-11-04得票数 2
回答已采纳
2回答
在类型记录中，我可以声明如下所示的泛型函数：
const fn: <T>(arg: T)=>Partial<T>
在这种情况下，TypeScript有时可以根据传递的实际参数推断函数的类型参数。是否有类似的方法来定义泛型对象文字，其类型参数可以是基于内容的动态推断的？类似于：
interface XYZ {
obj: <T>{ arr: T[], dict: Partial<T> }
}
我知道我可以使整个界面泛化如下：
interface XYZ<T> {
arr: T[],
dict: Partial<T
浏览 0提问于2018-05-24得票数 13
回答已采纳
我在Angular/Typescript演示中看到了这种语法：
Thing<otherthing>
示例：
Observable<any>
Observable<boolean>
这里发生什么事情？第一个<左边的东西是什么，里面是什么东西？我在这里不是一个彻头彻尾的笨蛋，所以我可以从这些例子中看到，在<>中有变量类型，并且我得到了一般的可观察对象的概念。我在这里问的是，其他可能在内部或左侧的东西是什么？也就是说，我可以用其他的东西来代替“可观察的”这个词吗？有没有其他东西的清单可以让我查一下？我可以用其他变量类型替换"any“和&#
浏览 6提问于2018-01-26得票数 3
回答已采纳
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
我正在尝试跟踪AngularFireStore文档中关于动态查询的文档，刚刚开始，并在构造函数上键入behaviourSubject。
我知道这只是打字规则的问题，但我是新来的，我也搞不懂这里到底出了什么问题。禁用严格的模式可以做到这一点，但我不想这样做。
export class MembersSequencingComponent implements OnInit {
customers$ : Observable<Customer[]>; // instead of using an interface I've used a model
zoneF
浏览 8提问于2022-02-02得票数 1
回答已采纳
我有一个值为string和number的对象
interface Person {
name: string;
age: number;
}
我有一个函数，它用一个参数作为字段索引，另一个参数作为字段值来更改对象：
const person = {name: "Fred", age: "30"};
const changePerson = (index: keyof Person, value: string | number): void => {
person[index] = value;
}
问题是，在TypeScript看来，ind
浏览 0提问于2019-10-24得票数 0
回答已采纳
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
回答已采纳
我正在尝试将我的React项目移到Typescript，但没有Typescript经验。我有一个定义如下的组件(向下裁剪)： interface InputProps {
handleKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
placeholder: string;
style?: React.CSSProperties;
}
const Input: React.ForwardRefRenderFunction<HTMLInputElement, InputProps>
浏览 2796提问于2020-04-26得票数 6
回答已采纳
在我学习TypeScript的过程中，我目前正在阅读关于在TS中使用Readonly的不可变数据。我知道下面的代码应该做什么，即返回0和"1“。尽管我对type ReadonlyInterface<T>和function genericInterfaceToReadOnly<T>到底应该做什么感到困惑。有人能解释一下吗？
interface OriginalInterface {
x: number;
y: string;
}
type ReadonlyInterface<T> = { readonly [P in keyof T]
浏览 21提问于2020-11-16得票数 1
回答已采纳
使用类型记录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
回答已采纳
2回答
我遗漏了typescript中关于泛型的一些东西。假设下面的例子：
type Caster<T> = (original: unknown) => T
const castA = <T>(original) => original as T
// ^^^ Parameter 'original' implicitly has an 'any' type.
const castB: Caster = <T>(original) => original as T
//
浏览 0提问于2019-02-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
