在TypeScript中处理变量数量的“类型参数”
在TypeScript中，处理变量数量的"类型参数"是通过泛型来实现的。泛型是一种在定义函数、类或接口时使用的特殊类型，它可以用来创建可重用的组件，以适应多种类型的变量。
泛型的语法使用尖括号（<>）来表示，其中放置类型参数。例如，我们可以定义一个泛型函数来处理变量数量的类型参数：
function printArray<T>(arr: T[]): void {
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
}在上面的例子中，<T>表示类型参数，它可以在函数内部用作变量的类型。arr: T[]表示参数arr是一个类型为T的数组。通过使用泛型，我们可以在调用函数时指定具体的类型，从而灵活地处理不同类型的变量数量。
使用泛型的优势在于可以增加代码的灵活性和重用性。通过将类型参数作为函数的一部分，我们可以编写更通用的代码，而不需要为每种类型都编写单独的函数。这样可以减少代码的重复，并提高代码的可维护性。
泛型在很多场景下都有广泛的应用，例如集合类（如数组、链表、栈、队列等）、算法（如排序、搜索等）、异步操作（如Promise）等。在TypeScript中，标准库和许多第三方库都使用了泛型来提供更灵活和通用的功能。
腾讯云提供了一系列与云计算相关的产品，其中包括适用于开发者的云服务器、云数据库、云存储等。您可以通过腾讯云的官方文档来了解更多关于这些产品的详细信息和使用方法：
这些产品可以帮助开发者在云计算环境中进行前端开发、后端开发、数据库管理、存储管理等各种任务。同时，腾讯云也提供了丰富的文档和技术支持，以帮助开发者更好地使用这些产品。
相关·内容
在typescript v0.9.5中，此代码已编译。
interface Array {
indexOfField : (propertyName: string, value: any) => number;
}
升级到typescript 1.0后，我收到以下错误：
(2,11)：error TS2234:接口的所有声明必须具有相同的类型参数。
第2行:11是关键字Array。
我该如何解决这个问题？
浏览 0提问于2014-04-26得票数 12
回答已采纳
typescript如何在解析的值数组中键入Promise.all()，typescript如何推断每一项的类型？我在Promise.all()的类型签名中只看到一个泛型T，但是为什么我能够传递解析为不同类型的值的promises？ 更详细地说，为什么我的promiseAll实现抛出了typescript类型错误，而内置的typescript却像魔术一样工作？ const promiseAll = function<T>(promises: Promise<T>[]): Promise<T[]> {
const results: T[] = [];
浏览 89提问于2021-10-27得票数 0
回答已采纳
谢谢你花时间阅读这篇文章。
我正在尝试学习使用eslint和AirBnB配置一起使用react的类型记录。像映射对象数组和使用每个对象创建自定义函数组件这样简单的事情给了我下一个错误：
Argument of type '(product: ProductType) => JSX.Element' is not assignable to parameter of type '(value: object, index: number, array: object[]) => Element'.
下面是父组件ProductGrid：
const Pr
浏览 4提问于2021-04-15得票数 0
回答已采纳
如果您编写了一些类型为and且不使用第三方库的TypeScript代码，您是否仍然需要错误处理，因为谁知道会发生什么呢？
浏览 4提问于2022-03-17得票数 3
回答已采纳
1回答
我试图转换在JSX中定义备用路由组件的方式，这是一个等价的TypeScript TSX文件。(1)
JSX语法如下：
import React from 'react';
import { Route, Redirect } from 'react-router-dom';
export const PrivateRoute = ({ component: Component, ...rest }) => (
<Route {...rest} render={props => (
localStorage.getIte
浏览 1提问于2018-05-29得票数 4
根据，如果在TypeScript中启用了严格的空检查，则不能将null或undefined赋值给变量，除非在联合中显式允许它。
// required value
let req: string;
req = "Something"; // OK
req = null; // Error
req = undefined; // Error
// nullable value
let nbl: string | null;
nbl = "Something"; // OK
nbl = null; // OK
nbl = undefined
浏览 0提问于2019-07-28得票数 60
回答已采纳
在typescript中，我们可以定义如下函数类型：
type FunctionHandler = {
(param1: string, param2: number): string
}
但我想声明一个泛型类型，它可以接受任意数量的参数，就像我们在变量类型中所做的那样：
type Variable<Props> = {
[p in keyof Props]: Props[p]
}
我想要这样的东西：
type FunctionHandler<Props> = {
([p in keyof Props]: Props[p]): void | boole
浏览 0提问于2021-01-19得票数 0
给定以下(明显简化的)函数
<code>A0</code>
有没有办法在Typescript中正确地表达这一点？我尝试了大约一百万次，但都不能让它工作。
我也可以添加一个无操作的默认转换来使其工作。但我总是以<code>D1</code>的变体结束(假设T是转换和函数的返回类型)。
浏览 20提问于2018-12-14得票数 1
回答已采纳
1回答
以为例，我实现了一个类型化事件系统。简化后，它看起来像是：
interface MyTypeMap {
FOO: string;
BAR: number;
}
我试图利用这个映射创建一个事件处理程序：
function handleEvent<T extends keyof MyTypeMap>(eventKey: T, eventMsg: MyTypeMap[T]) {
switch(eventKey) {
case('FOO'):
// TS believes that eventKey is of type 'never
浏览 1提问于2017-05-09得票数 6
回答已采纳
我是一个用TypeScript编写和使用Angular的初学者，但我在JavaScript方面很有经验。根据我所读到的，任何TypeScript都会被翻译成JavaScript并进行编译。那么，当我在TypeScript文件(例如whatever.component.ts文件)中编写代码时，这是否意味着我可以在其中混合或引入JavaScript语言代码，其中我还可以在.ts文件中编写TypeScript？
对于刚学习TypeScript/Angular的人来说，.ts文件中的代码可读性是如何存在的呢？
浏览 0提问于2018-12-07得票数 1
2回答
type DateFormat = {
year: "numeric";
}
function calculateDate (dateFormat: DateFormat) {
/**
*
*/
}
const format = {
year: "numeric"
}
calculateDate(format)
目前在Typescript 4.2中，format的推断类型定义为：
{
year: string;
}
这与函数调用(calculateDate)中预期的类型别名DateFormat不匹配，因为类型stri
浏览 8提问于2021-02-24得票数 1
我有一个React组件，定义如下：
const BirthdaySearch: FC<{ onSearch: (year: string, month: string) => void }> =
(props) => {
const monthInputRef = useRef<HTMLInputElement>(null);
const dayInputRef = useRef<HTMLInputElement>(null);
const submitHandler = (e: FormEvent<HTMLF
浏览 1提问于2021-09-29得票数 0
Spec
根据地图应该这样使用..。
var new_array = arr.map(callback[, thisArg])
问题
TypeScript对map有几个重载声明，这使得extend Array<T>变得非常困难。
我希望看到这个(在lib.d.ts中).
map<U>(callbackfn: (value: T, index: number, array: T[]) => U, thisArg?: any): U[];
但lib.d.ts也有.
map<U>(this: [T, T, T, T, T], callbackfn: (val
浏览 4提问于2017-01-31得票数 9
回答已采纳
我想要定义一个函数作为参数获取另一个函数f及其参数args，并且我希望类型记录确保传递的参数对传递的函数是正确的。
伪码
function A (n: number, s: string, b: boolean) {
...
}
function B (f: Function, ...args: typeof arguments of f) {
...
f(args)
}
B(A, 1, 'str', true) // typescript is happy
B(A, 1, 'str') // typescript is sad
B(A, 1,
浏览 5提问于2022-03-23得票数 2
回答已采纳
2回答
我对这“.”很感兴趣在某些代码中的表达式，例如：
public static void main(String... args){
//code here
}
这是有效的(也许lambda，我不确定)。
我也在Spring的排序文件中找到了它：
public Sort(Sort.Order... orders) {
this(Arrays.asList(orders));
}
有人能帮我吗？
浏览 4提问于2015-09-23得票数 0
回答已采纳
我很难理解，为什么将对象文字直接赋值给变量(输入到接口)失败了，但是对完全相同对象类型的间接赋值检查失败了。
请考虑以下示例：
interface User { name: string }
// vs code complains: "only specify known properties"
const usr1 : User = {
name: 'John',
age: 42 // <- squiggly red line
}
// works
const usr2 : User = usr1;
usr1和usr2都被输入到User
浏览 1提问于2018-12-20得票数 1
回答已采纳
我不明白为什么TypeScript在解析这段代码时没有抱怨：
type numNumToNum = (x: number, y: number) => number;
const add3 : numNumToNum = n => n+3;
类型别名numNumToNum被定义为数字上的二进制函数。尽管(错误地)类型为numNumToNum，但add3接受一元函数。
我遗漏了什么？
浏览 0提问于2018-09-03得票数 1
回答已采纳
我有问题，当我在TypeScript中使用命名参数时，我知道它不支持和我在TS中使用它的方式。但是我怎么能
TypeScript：
SomeFunction(name1: boolean, name2: boolean, name3: boolean, name4: boolean) //will occur only 1 time, so the change should be in typescript
JavaScript：
$(function () {
...SomeFunction({name1:false, name2:false, name3:false, name
浏览 3提问于2017-02-08得票数 32
回答已采纳
考虑：
type Foo = {
bar: string,
baz: number
}
const bars = ['a', 'b', 'c'];
const foos = bars.map<Foo>((bar, i) => {
return {
bar,
baz: i
}
});
这将不会强制执行映射返回值的确切类型，例如，我可以说
return {
bar,
baz: i,
extraProp: 'boo!' // this works! (ba
浏览 0提问于2018-03-01得票数 8
回答已采纳
我正在用TypeScript编写一个React组件，用tsconfig.json编写strict: true。
给定package.json中的以下内容
"devDependencies": {
"@babel/cli": "^7.0.0-rc.1",
"@babel/core": "^7.0.0-rc.1",
"@babel/plugin-proposal-class-properties": "^7.0.0-rc.1",
"@babel/p
浏览 47提问于2018-09-30得票数 0
回答已采纳
在我的测试中，我通常必须在顶部声明一个变量，这将在beforeAll和afterAll中使用。
示例：
describe('My test suite', () => {
let app: Server;
beforeAll(async () => {
app = await Server.init();
});
afterAll(async () => {
await app.close();
});
});
问题是，当我打开strictNullChecks时，在let app: Server;行上会收到一个警告：“将可空
浏览 5提问于2022-03-16得票数 1
我正在将一些JavaScript代码转换为TypeScript，我不知道jQuery EventHandler的签名应该是什么样的。
这是我在JavaScript中使用的，但简化为更通用的术语(在这里，我使用通过元素分发的自定义事件具有某种形式的发布子模式或可观察模式)：
Observer.prototype._subscribe = function() {
this._row.bind('onItemChanged', this, this._onChangedHandler);
};
Observer.prototype._onChangedHandler= func
浏览 6提问于2017-09-28得票数 5
回答已采纳
我是typescript的新手，我想知道typescript中可选属性类的实用程序是什么？它们之间的区别是什么：
a?: number;
a: number | undefined;
浏览 3提问于2017-12-22得票数 59
回答已采纳
让我在这个问题的开头说一句，我是刚接触typescript的新手，但我是一位长期的JavaScript开发人员。
我有一个现有的JavaScript应用程序，我希望过渡到typescript。在JavaScript应用程序中，它调用rest API来获取数据，然后检查它是否存在，然后有条件地呈现应用程序。在JavaScript中，我可以动态检查响应对象上是否存在属性，并有条件地呈现它。在typescript中，它抛出一个错误，因为数据是任何类型的，并且它不知道该属性是否存在。
在typescript应用程序中，为所有API响应创建类型以确保它们的类型安全是很常见的吗？使用node作为您的后端，
浏览 4提问于2020-09-26得票数 1
在JavaScript中，我可以覆盖一个函数：
function testf() {
console.log('old function')
}
testf = function() {
console.log("new function");
}
我如何在TypeScript中做到这一点？我正在编写一个WebP填充程序，希望覆盖全局createImageBitmap函数，但是tsc抱怨道：
不能为'createImageBitmap‘赋值，因为它不是变量。
浏览 0提问于2018-06-25得票数 1
回答已采纳
这个数字是一个非常松散的表示，有时需要收紧。在我的例子中，我希望一个变量只能接受非负整数。有没有办法在TypeScript中强制执行此约束？
浏览 3提问于2014-01-20得票数 22
回答已采纳
简单通用的Angular2+数据服务，它处理错误并使用承诺：
// imports skipped
class DataType {}
class Error {
constructor(error: HttpResponse) {
this.error = error.json()
}
}
@Injectable()
export class MyService<DataType> {
apiUrl = 'my/url';
constructor(protected http) {}
get(): Promise<Dat
浏览 2提问于2017-08-13得票数 6
当我没有向下传递道具到功能组件时，为什么typescript没有抛出错误？
这段代码将会工作：
interface Props{
id: string;
className?: string;
}
export const Buttons: React.FC<Props> = () => {
return(
<section>
<div className="container">
<p>Hellow World</p>
</div>
浏览 2提问于2019-12-17得票数 0
这是一个大的代码基础，所以我只是寻找一般的指针。
在一个文件中，函数接受参数a:MyClass。
在运行时，typeof a.b生成string。
在VSCode中，我访问了b of a.b上的F12，并将其带到另一个文件中(从导入语句判断是正确的)：
export class MyClass {
...
b: string[]; // brought to this line
}
在TypeScript环境中，如何使a.b成为string而不是类声明所述的string[]？我应该寻找什么可能导致这种行为的原因？
浏览 2提问于2017-05-09得票数 1
回答已采纳
这显然适用于C#，但不适用于typescript，有没有办法绕过它，或者我只需要使用不同的名称？
export interface IThing<T> extends IThing {
Value: T;
}
export interface IThing {
Name?: string;
ValueStr?: string;
Type?: string;
}
我得到‘IThing的所有声明都必须有相同的类型参数’
如果我太愚蠢了，很抱歉！
浏览 1提问于2018-02-15得票数 6
我已经开始用TypeScript编程了，我对在某些情况下如何定义参数类型感到困惑。
下面是：
*守则：：
// First the references to TypeScript definition files used by the src code
/// <reference path="../lib/express.d.ts"/>;
/// <reference path="../lib/request.d.ts"/>;
// Import modules for the sake of using TypeScript
i
浏览 4提问于2015-01-08得票数 0
回答已采纳
我是TypeScript的新手。我搞不懂函数的(这个:ClassName)参数在抽象类中意味着什么。例如：
abstract class Department{
abstract describe(this:Department):void;
}
class ITDepartment extends Department{
describe(){
console.log('IT Department');
}
}
如前所述，实现的子类没有任何描述()方法的参数，但是父类的参数为(这个:Department)。这段代码告诉我的是什么，为什么
浏览 3提问于2020-04-14得票数 0
回答已采纳
我有以下功能：
const doSomething = (param: object) => {
// path param to another function/library
}
重点是，我知道(并且想要强制执行) param是一个对象，而不是原始类型。在typescript object中此角色。
然而，我注意到：
const a: object = {
test: 5
}
console.log(a.test)
给出一个typescript错误：Property 'test' does not exist on type 'object'
浏览 3提问于2021-01-21得票数 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
回答已采纳
假设我有以下定义：
interface Options<T = any, K = void> {
scope?: K,
success: (this: K, result: T) => any,
failure: (this: K, result: T) => any
}
interface HttpClient {
request<T>(opts: Options<T>)
}
根据上面的定义，typescript在success & failure中不会给我正确的类型。我如何告诉Typescript K应该是第一个参数
浏览 4提问于2017-07-11得票数 1
回答已采纳
1回答
如果我想操作一个对象，或者一个对象数组，我必须像这样设置接口吗？
interface Products {
[key: string]: string | number;
}
我注意到，如果我有一组固定的属性，typescript会抱怨缺少一个属性。例如，如果我尝试添加一个属性，它会报告该属性不存在，并且我无法将其添加到对象中
初始接口
interface Products {
id: string;
price: number;
description: string;
}
在脚本中的某处，我将quantity添加到对象中，并希望输出为：
{ id: "123abc&
浏览 20提问于2021-03-13得票数 0
你能在一些简单的TypeScript例子中解释一下什么是方差、协方差、逆方差和协方差吗？
浏览 51提问于2021-02-28得票数 5
回答已采纳
我需要在Angular中渲染控件的属性。这些属性将基于属性进行配置。用户将发送一个JSON文件，该文件将被序列化为typescript中的对象。此typescript文件将用作组件上的绑定。
{
"row": 1,
"col": 2,
"key": "Input_2",
"label": "First Name",
"required": true,
"type": 1,
"h
浏览 2提问于2018-02-24得票数 0
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 (例如)中的函数重载是如何工作的，有很多问题。但是没有像“为什么它是这样工作的”这样的问题。现在函数重载看起来像这样：
function foo(param1: number): void;
function foo(param1: number, param2: string): void;
function foo(...args: any[]): void {
if (args.length === 1 && typeof args[0] === 'number') {
// implementation 1
浏览 0提问于2018-11-17得票数 11
情况
我正在使用TypeScript，并且有一个try / catch块。捕获的错误是键入的(Error)。我想使用错误的message属性。
我正在使用启用了规则的eslint。
《守则》
try {
throw new Error('foo');
} catch (err: Error) {
const { message }: { message: string } = err;
return {
message: `Things exploded (${message})`,
};
}
问题所在
当我运行我的linter时，我收到以下信息：
浏览 5提问于2020-10-21得票数 15
回答已采纳
我刚刚开始学习和开发Angular 2中的一个应用程序。我们用于开发的typescript语言非常有趣，但我有一个关于typescript中的数据类型的问题。既然typescript文件被编译成javascript，那么javascript中的数据类型是如何编译的呢？
例如：
sample.ts
value_a : String;
上面是一个样例typescript文件，它声明了一个String类型的变量。当我们编译这个typescript文件时，它会被编译成一个javascript文件。现在如何在javascript文件中定义这个变量的数据类型(据我所知，您不能在javascript中定义数
浏览 3提问于2016-12-30得票数 0
如何在TypeScript中循环遍历元组数组？例如：
for (const [x, y] of [['a', 1], ['b', 2]]) {
y + 1;
}
投诉：
error TS2365: Operator '+' cannot be applied to types 'string | number' and '1'.
如果我理解正确，TypeScript会推断出循环表达式的类型为(string | number)[][]，这就是为什么循环变量y具有类型string | number，尽管实际上它只能
浏览 123提问于2019-08-17得票数 4
回答已采纳
在TypeScript中，我习惯于使用如下语法声明变量类型
function f(input: MyClassType)
但是，我还没有在ES6中看到这样的语法，或者我在这里遗漏了什么。与我在ES6中声明的相同
function f(input)
这里我的主要观点是缺少参数类型声明。
浏览 3提问于2017-05-27得票数 4
回答已采纳
1回答
在创建内联ANTLR树语法解释器时，我遇到了一个关于过程调用参数的多样性的问题。
考虑以下(错误的)树语法定义。
procedureCallStatement
: ^(PROCEDURECALL procedureName=NAME arguments=expression*)
{
if(procedureName.equals("foo")) {
callFooMethod(arguments[0], arguments[1]);
}elseif(procedureNa
浏览 1提问于2010-02-05得票数 4
回答已采纳
我使用的是一个默认添加uncaughtException和unhandledRejection监听器的库。我希望删除它们。 下面是我的代码： ["unhandledRejection", "uncaughtException"].forEach((eventName) =>
process
.listeners(eventName)
.map((handler) => process.off(eventName, handler))
); TypeScript给了我这个错误： No overload matches this
浏览 15提问于2020-04-21得票数 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
回答已采纳
编辑:我在看内置zip()函数的类型注释。
我理解重载(在类型检查的上下文中)可以根据给定的参数类型来修改函数的行为。
@overload
def zip(__iter1: Iterable[_T1]) -> List[Tuple[_T1]]: ...
@overload
def zip(__iter1: Iterable[_T1],
__iter2: Iterable[_T2]) -> List[Tuple[_T1, _T2]]: ...
@overload
def zip(__iter1: Iterable
浏览 9提问于2020-11-22得票数 1
回答已采纳
考虑以下示例：(在严格-空-检查中)模式
const fn: (p: { x: number } | null) => void = (p: { x: number }) => console.log(p.x);
fn(null);
这段代码不会在typescript中产生错误，但有一个运行时类型异常。
在我看来，Typescript应该强制目标参数类型(这里是{x: number } | null)可以赋值给源参数类型(这里是{ x: number })，这样，例如null就不会被传递到其他预期的地方，从而导致错误。
为什么它不强制执行呢？这是typescript中的bug吗？或
浏览 27提问于2019-08-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
