如何使TypeScript类型推断对数组起作用
TypeScript是一种静态类型的编程语言，它能够在编码阶段就发现潜在的错误并提供代码补全和智能提示功能。对于数组类型的推断，TypeScript可以根据数组中元素的类型进行推断和验证。
要使TypeScript类型推断对数组起作用，可以采取以下几种方式：
- 显式定义数组类型：在声明数组变量时，使用类型注解明确指定数组中元素的类型。例如，
let arr: number[] = [1, 2, 3];表示声明一个只包含数字类型的数组。 - 使用泛型：如果数组中的元素类型是未知的，可以使用泛型表示。例如，
let arr: Array<any> = [1, 'two', true];表示声明一个包含任意类型元素的数组。 - 利用类型推断：TypeScript可以根据数组中已有的元素来推断出数组的类型。例如，
let arr = [1, 2, 3];TypeScript会自动推断arr为number类型的数组。
无论采用哪种方式，TypeScript的类型推断能够提供以下优势和应用场景：
- 错误检测：TypeScript能够在编码阶段捕获潜在的类型错误，例如将错误的类型添加到数组中。这样可以减少运行时错误并提高代码质量。
- 代码补全和智能提示：由于TypeScript对数组类型进行推断和验证，IDE可以根据推断的类型提供更准确的代码补全和智能提示，提高开发效率。
- 类型安全：TypeScript的类型推断确保数组中的元素符合声明的类型，从而提供类型安全。这有助于减少意外的类型转换和错误的使用。
腾讯云提供了丰富的云计算产品和服务，包括但不限于：
- 云服务器（CVM）：提供弹性可扩展的计算能力，适用于各种场景，如网站托管、应用程序部署等。了解更多：腾讯云服务器（CVM）
- 云数据库 MySQL：提供高性能、可扩展的云数据库服务，适用于各种应用程序。了解更多：腾讯云数据库 MySQL
- 人工智能服务（AI）：提供丰富的人工智能服务，如语音识别、图像识别、自然语言处理等，方便开发者快速集成人工智能能力。了解更多：腾讯云人工智能（AI）
请注意，以上仅为腾讯云提供的示例产品，更多产品和详细信息，请参考腾讯云官方网站。
相关·内容
我正在寻找与Typescript中的Function.prototype.call等价的单参数类型安全。
这不起作用，因为F缺少适当的约束(可能)：
function call<F,A>(f: F, arg: A) {
return f(arg);
}
因此，Typescript会抱怨“此表达式不可调用。类型‘未知’没有调用签名。”
如何使F可调用？如何管理call使其返回类型为F
浏览 6提问于2020-06-06得票数 2
回答已采纳
1回答
打字本不能推断出内部类型的可译性
、、、、
下面是一个简单的函数，它包含一个可迭代的Iterable函数。
function unwrapFirst<T extends Iterable<U>, U>(iter: Iterable<T>): U {
return [...[...iter][0]][0];
}
unwrapFirst([[1,2,3],[4,5,6]]);
我希望TypeScript能够正确地推断出U的类型为number，但它将其推断为unknown。谁能解释一下原因吗？以及如何使TypeScript正确地推断U
浏览 6提问于2022-01-23得票数 6
回答已采纳
我在我的一个NativeScript应用程序中使用了EddyVerbruggen的Firebase插件()。
另外，我是第一次在这个项目中使用TypeScript。我已经按照他们的文档中给出的设置好了一切。但是，不能理解如何在TypeScript中使用他们的代码。
例如：
var firebase = require("nativescript-plugin-firebase");
firebase.init({
persist: true // Allow disk persistence. Default false.
}).then(
fu
浏览 0提问于2016-06-01得票数 1
2回答
template <class T>
void swap(T& a, T& b){
T tmp = a; a = b; b = tmp;
}
我正在读一本书，它告诉我，除非我们重载'=‘操作符，否则上面的代码不会对数组起作用。我不明白为什么它不应该起作用。我们不是将指针切换到数组的第一个索引吗？
浏览 0提问于2015-12-27得票数 4
回答已采纳
我试图利用命名元组(在本例中为AnniversaryPropertyConfig__)来描述以下简化代码中的函数参数。
interface AnniversaryParameters {
value?: 'date-and-or-time' | 'text';
altid?: number | string;
calscale?: 'gregorian';
}
type AnniversaryPropertyConfig = [value: string, parameters?: AnniversaryParamete
浏览 11提问于2022-01-23得票数 2
1回答
const stateObj = {
property: {
nested: "someString"
}
}
const makeSelector = (selectingFunction) => state => selectingFunction(state); // may include some addiitonal logic, such as memoization
const selector = makeSelector((state: typeof stateObj) => state.property.nested)
浏览 9提问于2021-03-01得票数 1
回答已采纳
为什么Typescript人员要创建infer关键字？根据的说法，这是一个如何使用它的示例：
type ReturnType<T> = T extends (...args: any[]) => infer R ? R : any;
我不明白为什么需要这样做。为什么不能这样：
type ReturnType<T> = T extends (...args: any[]) => R ? R : any;
为什么这个不起作用？为什么infer关键字是必需的？
浏览 2提问于2020-02-05得票数 68
回答已采纳
我有一个简单的对象，有两个字段name和age，最初它们被定义为未定义的，稍后在代码中将赋值 const s={
name:undefined,
age:undefined
}
s.name="Test" //error 当我尝试为我的属性赋值时，它会出现typescript错误 Type '"Test"' is not assignable to type 'undefined'. 有人能解释为什么我在typescript中遇到这个错误以及如何修复它吗？
浏览 31提问于2021-07-30得票数 2
回答已采纳
3回答
我在Nim中看到了这个例子，它需要明确的int和bool类型规范，尽管有足够的信息来推断两者(就像TypeScript那样)。
如果删除了这些类型，它就不会编译，Nim支持类型推断吗？
import sequtils
let list = @[1, 2, 4]
echo list.filter do (x: int) -> bool: x > 2
浏览 1提问于2020-01-09得票数 1
回答已采纳
如何在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如何扩展的文章，但我仍然不确定是怎么回事
type Def = {
'T': { status: 5, data: {r: 'm'}},
}
function route<S extends keyof Def>
(route: S, handler: () => Promise<Def[S]>) { }
route('T', async function () {
return { status: 5, data: {r: 'm'} };
});
这
浏览 0提问于2018-07-21得票数 2
我在玩Kotlin多平台游戏。
现在，我尝试开发一个Kotlin库，以便在外部JavaScript项目中导入和使用它。到目前为止这还不错。Kotlin从Kotlin代码中创建JavaScript文件，我可以在JavaScript项目中导入和使用它们，它可以做它应该做的事情。
但是我的IDE显示有一个未解决的函数或方法：
我是JavaScript新手，我想知道这个警告，因为它起作用了。
所以我搜索并找到了这个：
-- Kotlin/JS编译器--能够从Kotlin代码生成TypeScript定义。JavaScript工具和IDE在开发混合应用程序时可以使用这些定义，以提供自动完成、支
浏览 1提问于2020-12-13得票数 1
回答已采纳
我有一个定义索引签名的接口：
interface MethodCollection {
[methodName: string]: (id: number, text: string) => boolean | void;
}
这里的一切都很好，我添加到这样一个对象的任何方法都会正确地识别它们的参数类型：
var myMethods: MethodCollection = {
methodA: (id, text) => {
// id: number
// text: string
}
}
现在，我需要在这些函数中添加一个
浏览 4提问于2016-03-04得票数 4
回答已采纳
2回答
在下面的代码中，我尝试创建一个访问给定输入的data属性的类型安全函数。我的目标是避免在任何地方重复对data的访问，为此，我希望将样板保持在最小(例如，我希望TypeScript推断尽可能多的类型)。
interface User {
name: string
}
interface HttpResponse<T> {
data: T
status: number
}
type HttpPromise<T> = Promise<HttpResponse<T>>
function fetch<T>(url
浏览 2提问于2018-01-24得票数 1
useAuthService.tsx
import { createStore } from 'reusable';
import { useReducer, useEffect } from 'react';
export type AuthenticationState = {
user: any,
}
export type AuthenticationAction = {
type: 'UPDATE_USER',
payload: any,
}
const initialState = {
user:
浏览 2提问于2020-05-09得票数 0
考虑一下这个金字塔代码：
/**
* @template T, U
* @param {T} data
* @param {(data: T) => Promise<U>} fn
*/
function makeNexter(data, fn) {
return {
data,
next: async () => fn(data),
};
}
return makeNexter({}, async (data) => {
return makeNexter({ ...data, a: 3 }, async (data) =&
浏览 5提问于2021-03-08得票数 1
回答已采纳
可以推断出TypeScript中类的构造函数类型吗？我试过了，但似乎不起作用： type Constructor<K> = K extends { new: infer T } ? T : any;
浏览 12提问于2019-04-26得票数 4
目前我正在学习TypeScript，我有一个问题：“属性‘值’在‘T’类型中不存在。”
这是我的密码：
type ParseType = <T>(value: T, opts: any, useRounding: boolean) => number;
const parse: ParseType = function(value, opts: any, useRounding): number {
//...
if (isNumber || value instanceof currency) {
v = (isNumber ? value : value.value)
浏览 2提问于2020-06-22得票数 0
在下面的代码中，TypeScript不认为customMessage是undefined，className不是undefined
export default class ClassRequiredInitializationHasNotBeenExecutedError extends Error {
public static readonly NAME: string = "ClassRequiredInitializationHasNotBeenExecutedError";
public constructor(
parametersObje
浏览 2提问于2021-01-23得票数 2
回答已采纳
TypeScript类型检查器似乎接受以下代码。为什么呢？我能以某种方式使它更严格吗？ const foo: {} = {bar: 123}
浏览 34提问于2020-04-20得票数 1
回答已采纳
如果您试图拥有一个具有可选属性的Record类，如下所示：
class MyRecord extends Immutable.Record({
field: undefined
}) {
field?: string;
}
...you得到一个TypeScript错误，如下所示：
ERROR in [at-loader] myFile.ts:x:y
TS2415: Class 'MyRecord' incorrectly extends base class 'Instance<{ field: undefined; }> & Readonl
浏览 0提问于2017-03-24得票数 2
回答已采纳
1回答
我的问题与相似。
，但问题的重点是不同的。为什么TypeScript不能识别快递错误处理程序格式的类型？
我还安装了@type/express模块。当我改变
// doesn't work showing type checking error
app.use((err, req, res, next) => {
// SOMETHING
});
转到
// works.
app.use((err: any, req:express.Request, res: express.Response, next: express.NextFunction) => {
浏览 4提问于2021-01-08得票数 0
回答已采纳
请考虑下面的示例TypeScript代码
const p = new Promise((resolve, reject) => {resolve([47, undefined])})
const asy = async () => {const [a, b] = await p; console.log(a, b)}
asy()
当我在没有检查类型的情况下在node中运行它时，它运行良好并打印47 undefined。但是，VS代码中的打字机用以下错误强调[a, b]：Type 'unknown' must have a '[Symbol.iterator]
浏览 4提问于2020-01-23得票数 1
回答已采纳
我想更好地理解typescript是如何用泛型推断返回类型的。如果使用泛型类型作为返回值的方法是在没有泛型类型参数的情况下调用的，那么typescript如何推断返回类型？我知道泛型内参数很容易通过传入的类型来推断，但如果没有提供泛型类型参数，则无法推断返回参数是如何推断的。
// Call:
this.getSomething(value);
// Method signature:
getSomething<T>(inParameter: string): T {
...
}
浏览 3提问于2019-09-09得票数 0
2回答
关于TypeScript，我收到了一个非常奇怪的错误，告诉我字符串文字不匹配。(TypeScript v1.8)
import { Component } from "react";
import {
StyleSheet,
Text,
View
} from "react-native";
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: "center",
alignItems: "center&#
浏览 2提问于2016-06-19得票数 8
我使用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
这与具有严格的空检查的typescript有关。假设你有一个接口，比如：
interface Name {
firstName?: string;
lastName?: string;
}
这样就有了一个Name[]数组。
我如何过滤这个数组，让typescript知道firstName的存在？例如：
names.filter(name => !!name.firstName).map(name => {
// inside here, typescript still thinks name.firstName is possibly undefined
// b
浏览 11提问于2019-08-18得票数 2
如果一个函数的一个参数是两个类型的并集，我如何才能正确地推断返回类型？ 我已经尝试了以下条件类型，但它不起作用(参见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
回答已采纳
我试图为“service”函数编写一个通用函数定义，它将始终接受两个参数：
context --对于每个函数，这将是相同的结构。
params -这将是不同的，每次，并将键入使用通用。
由于每个服务函数是不同的，所以我不希望为函数写出返回类型，我更希望TypeScript根据函数体推断返回类型。但是，当使用接口函数类型时，我不知道如何告诉TypeScript这样做。
以下是我想要做的事情：
// authenticate.service.ts
export const authenticate: ServiceFn<{
bearerToken: string;
}&g
浏览 4提问于2020-10-22得票数 0
1回答
我想指定一个类型，强制前一个元组中的最后一个值与下一个元组中的第一个值匹配，即：
const contiguousIntervals: ThreeContiguousIntervals = [
[0, 1],
[1, 2],
[2, 3],
];
我已经非常接近下面的定义：
type IntervalMin<TEnd extends number> = [number, TEnd];
type IntervalMax<TStart extends number> = [TStart, number];
type Interval<TStart ex
浏览 0提问于2019-05-11得票数 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回答
我来自C#/JavaScript/TypeScript背景，正在通过实现基本算法来学习F#。这是在数组中找到最小值：
let findMinimumValueIndex (array: int[]): int =
let rec find (index: int) (minimumValueIndex: int) =
let findNext = find (index + 1)
match index with
| i when i >= array.Length -> minimumValueIndex // base
浏览 0提问于2017-05-21得票数 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
3回答
问题是如何告诉TypeScript以{ field: Union, extra: number }的形式推断某些fn调用的泛型参数？如果我在<>调用中完全忽略了fn块，类型将被推断为{ field: string, extra: number }。
type Union = 'a' | 'b';
function fn<T>(arg: T[]) { /* ... */ }
fn<infer ? extends { field: Union }>([{
field: 'a',
extra: 1,
},
浏览 0提问于2019-07-30得票数 1
1回答
以下typescript代码导致错误(typescript v3.8.3)。为什么？ class A {
public foobar: 'foo' | 'bar' = 'bar';
}
class B extends A {
public foobar = 'foo'; // --> Type 'string' is not assignable to type '"foo" | "bar"'
} 游乐场：https://www.types
浏览 13提问于2020-04-12得票数 0
我正在使用来自react-query的useQuery钩子，当我试图在查询函数中访问我的键时，也就是useQuery的第二个参数，我遇到了一个关于typescript的问题，它抱怨这个语句 const postId = queryKey[1].id as any 那 Property 'id' does not exist on type 'string | { id: string | undefined; comments: boolean; }'.
Property 'id' does not exist on type 's
浏览 34提问于2021-08-30得票数 2
回答已采纳
我正在阅读TypeScript教程，并遇到了以下术语:类型注释和类型推断。我对网上的解释不满意，也不觉得有什么不同。需要简单的基于差异的解释。
浏览 0提问于2019-01-16得票数 4
回答已采纳
在TypeScript中，我可以做以下两件事：
type ToolboxSpaceType = 'screw'|'hammer'|'screwdriver'; // 1
ProxyProperties = ['screw', 'hammer', 'screwdriver']; // 2
class Toolbox {
[key: ToolboxSpaceType]: ToolboxSpace;
}
let proxyHandler = {
get(target: Toolbox, p
浏览 0提问于2017-09-20得票数 3
首先，我对TypeScript非常熟悉。在许多方面，Flow看起来与TS非常相似，但我最近偶然发现了一个星号(*)类型。起初，我以为它是"any“的同义词，但现在，在阅读了一些流的发行说明之后，我发现它不是。我浏览了所有的官方文档，却找不到"*“的任何用法。
那么，它是什么，什么时候使用它？但是，在TypeScript中，什么是与之直接等价的呢？
浏览 4提问于2017-05-22得票数 28
回答已采纳
TypeScript tsc -d“声明”的"compilerOptions“生成相应的'.d.ts‘文件。
例如，来自：
tmp.ts
const log = (m: unknown) => {
console.log((m));
return m;
};
它产生：
tmp.js
const log = (m) => {
console.log((m));
return m;
};
以及：
tmp.d.ts
declare const log: (m: unknown) => unknown;
我认为这非常有趣，因为它将Ty
浏览 1提问于2018-07-31得票数 1
我通常有以下代码：
class Foo {
foo: SomeType[];
doSomething() {
const a = this.foo = [];
}
}
在这种情况下，a将是any[]或never[] (取决于环境)，而不是SomeType[]。如果我对那些暗示noImplicitAny的代码指定any[]，编译器将抛出一个错误。
我知道下面的强制转换解决了问题，但是为什么TypeScript不能从this.foo推断类型
const a: SomeType[] = this.foo = []; // Have to re
浏览 5提问于2021-10-23得票数 2
回答已采纳
我正在尝试在ReactJs (使用TypeScript)中使用map更新项目列表中的项目。但是找不到问题。
const [orderList, setOrderList] = useState([])
..。
setOrderList( orderList.map( order:any => {
if( order.id == orderId)
return {...order, review_id:1}
return order
}))
显示以下typescript提示：
Argument of type 'any[]' is not
浏览 0提问于2021-02-28得票数 0
1回答
TypeScript是否可以从静态函数推断返回类型。例如，如果我有一个静态User.fromId()函数，它将返回一个User对象。但是我想通过另一个函数(称为builder)来传递它-例如：
builder(User.fromId, values);
其中builder被定义为：
function builder( construct: Function, values: any ) {
var inst = construct();
// set values
return inst;
}
我如何让TypeScript“知道”builder将返回一个User，而不将Use
浏览 0提问于2018-10-30得票数 1
回答已采纳
2回答
我试图通过添加额外的方法来增加承诺，如TypeScript文档- 所描述的那样。
它在测试1中运行良好，但出于某种原因，它破坏了测试2中使用构造函数创建的承诺的类型推断。TypeScript停止将类型推断为Promise<boolean>，而将其推断为Promise<{}>。如果删除增强，则正确推断使用构造函数创建的Promise的泛型类型。
知道为什么会发生这种情况，以及如何解决吗？
下面是我试图做的一个简单的例子：
// src/test.ts
// augmentation
interface Promise<T> {
myCustomMet
浏览 5提问于2017-02-23得票数 1
回答已采纳
在4.9份声明中，他们描述了现在的。于是，我把他们的例子带到操场上，对它进行了修补。我发现typeof和in的不可能情况正在缩小到never，而不是生成警告或错误：
// Should be illegal but doesn't error out...?
if (typeof packageJSON.name === "string" && typeof packageJSON.name === "number") {
我认为TypeScript可以推断packageJSON.name是一个字符串，这意味着不可能检查packageJS
浏览 6提问于2022-10-07得票数 0
回答已采纳
1回答
我通过实现强类型的rest请求机制来处理typescript。
让代码来说话：
使用这种类型，我想定义路由和相关类型的对象之间的映射：
export interface RoutesMapping {
api1: {
users: UserApiModel
products: ProductApiModel,
}
api2: {
"other-route": OtherModel1,
"another-one-route": OtherModel2
}
}
expo
浏览 9提问于2021-03-02得票数 0
为什么typescript不显示错误，以及如何使其工作？ Typescript sandbox。 enum Animal {
BIRD = 'bird',
DOG = 'dog',
}
interface Smth<T extends Animal = Animal> {
id: number;
animalType: T;
config: T extends 'bird' ? number : string; // if its bird - should be a number
}
const smth:
浏览 18提问于2021-08-02得票数 0
回答已采纳
我熟悉TypeScript中的泛型类，其中可以用关联的类型变量定义类，然后具有特定类型的实例可以操作和返回该类型的值。
问题:我想要一个创建类型变量实例的泛型类。例如：
class Thing {
thingProp: string;
}
class ThingOne extends Thing {
thingOneProp: string;
}
class ThingTwo extends Thing {
thingTwoProp: string;
}
class Maker<T extends Thing> {
make(): T {
retur
浏览 0提问于2018-05-11得票数 3
回答已采纳
我已经开始学习Typescript，我试图创建一个不同类型的值的映射，但它不起作用。我尝试在定义Map时直接提供string和number作为选项，但它抛出错误，我们无法将number映射到string const testMap: Map<string,string|number> = new Map([["a", "test1"],["b","test2"],["c",1]]); 请提出建议。 Playground
浏览 22提问于2021-11-21得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
