开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么在typescript中` `keyof any`的类型是` `string | number |symb`？

在TypeScript中，keyof any的类型是string || symbol，这是因为在JavaScript中，对象的键可以是字符串、数字或符号。而keyof any表示可以是任何类型的键，因此它的类型是这三种类型的联合类型。

具体解释如下：

string类型：字符串是JavaScript中最常用的键类型，可以用作对象的属性名。例如，{ name: 'John' }中的name就是一个字符串键。
number类型：数字也可以作为对象的键。JavaScript中的数组就是一个典型的例子，它的索引就是数字键。例如，[1, 2, 3]中的索引0、1、2就是数字键。
symbol类型：符号是ES6引入的一种新的数据类型，它可以作为对象的唯一标识符。符号键在对象中具有唯一性，不会与其他键冲突。例如，const key = Symbol('key')定义了一个符号键。

综上所述，keyof any的类型是string || symbol，表示可以是任何类型的键。在TypeScript中，这个类型常用于泛型约束或索引类型查询，用于获取对象的键的联合类型。

腾讯云相关产品和产品介绍链接地址：

腾讯云产品：https://cloud.tencent.com/product
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
云数据库MySQL版（CMYSQL）：https://cloud.tencent.com/product/cmysql
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能（AI）：https://cloud.tencent.com/product/ai
物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mpns
区块链（BCS）：https://cloud.tencent.com/product/bcs
元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr

相关搜索:'unknown‘类型的参数不能赋值给'string’类型的参数。在尝试在typescript中实现json解析时 react本机typescript 'string‘不能赋值给'never.’‘类型的参数。在useNavigation中 typescript模板文字中string和keyof类型的用途 TypeScript泛型错误:算术运算的左侧必须是“”any“”、“”number“”、“”bigint“”类型 typescript错误:在访问数组中的特定键时，类型为'any‘的参数不能赋值给类型为'never’的参数为什么Redis中key的编码是int，而lua脚本中key的类型是string？为什么Typescript不能在赋值中使用泛型的keyof类型，并将其泛化为string？为什么typescript不能确保在React中添加额外属性的通用高阶组件中的类型安全？为什么在Kotlin中Int是Comparable<Int>的子类型，而HashMap不是Comparable<HashMap>的子类型为什么未解析的泛型类型在泛型中是合法的？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Node.js 项目 TypeScript 改造指南（二）

对 any 的处理使用 TypeScript 就不得不面对 any 带来的问题，首先来看看为什么 any 值得我们认真对待。...any 的来源 TypeScript 在 3.0 版本之前，只有 any 这样一个顶级类型。...如果有一个值来自动态的内容，我们在定义的时候并不确定它的类型时，any 可能是唯一的选择，官方文档[2]也是如此解释的。因此我们可以看到 any 在基础库、第三方库中普遍存在。...'object' : 'ref'] 如果 T 可以解释为联合类型，在条件判断中可以进行展开，除了联合类型，any、boolean、使用 keyof 得到的索引类型，都可以展开。...:number } 收窄类型 TypeScript 没有提供类型转换的能力，我们如何从 any、unknown、复杂的联合类型中获取具体类型就成为一个问题。

3.5K1 0

为什么String在Java中是不可变的

String 在 Java 中是不可变的。不可变类只是一个无法修改其实例的类。创建实例时，将初始化实例中的所有信息，并且无法修改信息。不可变类有许多优点。...本文总结了为什么 String 设计为不可变的。这篇文章从内存，同步和数据结构的角度说明了不变性概念。 1. 字符串池字符串池（String intern pool）是方法区域中的特殊存储区域。...缓存的哈希码字符串的哈希码经常在 Java 中使用。例如，在 HashMap 或 HashSet 中。不可变保证哈希码总是相同的，这样它就可以缓存起来而不用担心变化。...在String类中，它具有如下代码： private int hash;//this is used to cache hash code. 3....(new String("b")); set.add(new String("c")); for(String a: set) a.value = "a"; 在此示例中，如果 String 是可变的

1.3K2 0

【TS 演化史 -- 17】各文件的JSX工厂、有条件类型和映射类型修饰符

下面是一个在 TypeScript 的lib.es5.d.ts类型定义文件中预定义的有条件类型的例子 /** * Exclude null and undefined from T */ type...never类型是 TypeScript 的底层类型，表示从未出现的值的类型。分布式有条件类型那么，为什么e 条件类型和never类型的组合是有用的呢?它有效地允许咱们从联合类型中删除组成类型。...never : P }[keyof User]; 其次，咱们在映射类型中解析keyof User。...TypeScript 一个长期存在的特性要求是能够提取给定函数的返回类型。下面是ReturnType类型的简化版本，该类型是在lib.es5.d.ts中预定义的。...预定义的有条件类型 TypeScript 2.8 在lib.d.ts里增加了一些预定义的有条件类型： Exclude -- 从T中剔除可以赋值给U的类型。

2.5K2 0

TypeScript进阶之重难点梳理

例如，基类型中键a为string，在扩展出的类型中无法将其改为number。...注意，如果 T 是带有字符串索引的类型，那么keyof T是 string或者number类型。...p : T; 在上面的条件语句中，infer P 表示待推断的函数参数，如果T能赋值给(param : infer p) => any,则结果是(param: infer P) => any类型中的参数...Record = { [P in K]: T; }; 可以根据 K 中的所有可能值来设置 key，以及 value 的类型，举个例子： type...类型转换发生在运行时函数重载 ❝在我刚开始使用 ts 的时候，我一直困惑。。。为什么会有函数重载这么鸡肋的写法，可选参数它不香么？ ❞ ?

3.8K2 0

分享 40 道关于 Typescript 的面试题及其答案

答案：TypeScript 中的“keyof”关键字是一个类型运算符，它返回表示对象键的文字类型的联合。它允许您对对象键执行类型安全操作。..., age: number } 在第一个示例中，PersonKeys 是表示 Person 接口的键联合的类型。...在第二个示例中，JohnType 是表示 john 对象类型的类型。...为什么它很有用？举个例子。答案：TypeScript 中的“noUncheckedIndexedAccess”编译器选项用于在使用索引访问属性时捕获潜在的未定义或空值。...33.什么是 TypeScript 中的“条件类型”，它们为什么有用？

3363 0

速查手册 - TypeScript 高级类型 cheat sheet

：TS 内置工具泛型高阶使用 TypeScript 2.1 新特性一览：查找/映射类型及 any 类型的推断都是在 2.1 版本引入的 TypeScript 2.8：Exclude 等条件类型是在 2.8...1.4、`infer` 关键字 infer 这个关键字是在 TS 2.8 版本引入的, 在条件类型语句中，该关键字用于替代手动获取类型。...: number}, 'name'> // -> { age: number } 3.4、Overwrite（第三方）作用：T 中的定义被在 K 中的内容所覆盖，多在高阶组件中使用，内部借助 Diff...{ a: number, b: number, c: boolean }; 3.5、ReturnType (官方) 作用：从 T 中忽略在 K 中的属性名，实现忽略对象某些属性功能，多在高阶组件中使用...T> { } 解释：可以看到声明中只有一个接口，没有任何的实现说明这个类型是在 TS 源码层面支持的，而不是通过类型变换。

1.2K1 0

TypeScript 强大的类型别名

typeof 在 JS 中 typeof 可以判断一个变量的基础数据类型，在 TS 中，它还有一个作用，就是获取一个变量的声明类型，如果不存在，则获取该类型的推论类型。...keyof any, T> = { [P in K]: T; }; 可以根据 K 中的所有可能值来设置 key，以及 value 的类型，举个例子： type T11 = Record<'a...然后 U 是 'a' | 'c' | 'f' ，返回的新类型就可以将U中的类型给移除掉，也就是 'b' | 'd' 了。...// node_modules/typescript/lib/lib.es5.d.ts interface ThisType { } 可以看到声明中只有一个接口，没有任何的实现，说明这个类型是在...参考 TypeScript 中文网 TS 中的内置类型简述 TypeScript 一些你可能不知道的工具泛型的使用及其实现

3.3K2 0

typescript 高级技巧

而越来越多的 package 也开始使用 ts，学习 ts 已是势在必行。以下是我在工作中总结到的比较实用的 typescript 技巧。...PickUser = Pick 这几个类型已内置在 Typescript 中 03 Condition Type 类似于 js 中的 ?...number = 4const b: typeof a = 4 在一个典型的服务端项目中，我们经常需要把一些工具塞到 context 中，如config，logger，db models, utils...& Dictionary & Many 这几个语法糖是从 lodash 的 types 源码中学到的，平时工作中的使用频率还挺高。...type Record = { [P in K]: T;}; interface Dictionary { [index: string]:

1.1K2 0

TypeScript 类型体操 - 基础操作

可以对传入的类型参数（泛型）做逻辑运算，产生新的类型 # TypeScript 类型系统中的类型 JavaScript 的运行时类型 boolean number bigint string symbol...R : never; // 类型参数用于接受具体的类型，在类型运算中也相当于局部变量 type isNumber = T extends number ?...但其实也不能叫变量，因为它们是不可变的。想要变化就需要重新构造新的类型，并且可以在构造新类型的过程中对原类型做一些过滤和变换。.../ }; // readonly say: () => void; // } 在 TypeScript 类型系统中的高级类型也同样支持递归，在类型体操中，遇到数量不确定的问题，要条件反射的想到递归...在 TypeScript 中有函数参数是有逆变的性质的，也就是如果参数可能是多个类型，参数类型会变成它们的交叉类型。

1.7K6 0

typescript 高级技巧

而越来越多的 package 也开始使用 ts，学习 ts 已是势在必行。以下是我在工作中总结到的比较实用的 typescript 技巧。...get(o: object, name: string) { return o[name] } 我们刚开始可能会这么写，不过它有很多缺点无法确认返回类型：这将损失 ts 最大的类型校验功能无法对...type Omit = Pick>; interface User { id: number;...b: number = 4 const b: typeof a = 4 在一个典型的服务端项目中，我们经常需要把一些工具塞到 context 中，如config，logger，db models, utils...Dictionary & Many 这几个语法糖是从 lodash 的 types 源码中学到的，平时工作中的使用频率还挺高。

1.2K4 0

TypeScript 中提升幸福感的 10 个高级技巧

以下是我在工作中总结到的经常会用到的 TypeScript 技巧。 1....，哈哈~ 5. keyof TypeScript 允许我们遍历某种类型的属性，并通过 keyof 操作符提取其属性的名称。...keyof 操作符是在 TypeScript 2.1 版本引入的，该操作符可以用于获取某种类型的所有键，其返回类型是联合类型。...Your Vue.js + TypeScript App } 但是类型断言为 any 时是不好的，如果知道具体的类型，写具体的类型才好，不然引入 TypeScript 冒似没什么意义了。...显式泛型 $('button') 是个 DOM 元素选择器，可是返回值的类型是运行时才能确定的，除了返回 any ，还可以 function $(id: string

9182 0

TypeScript keyof 操作符

keyof 操作符是在 TypeScript 2.1 版本引入的，该操作符可以用于获取某种类型的所有键，其返回类型是联合类型。..."]; // (...items: string[]) => number type P5 = string[][0]; // string 二、keyof 的作用 JavaScript 是一种高度动态的语言...有时在静态类型系统中捕获某些操作的语义可能会很棘手。...对象上的不同属性，可以具有完全不同的类型，我们甚至不知道 obj 对象长什么样。那么在 TypeScript 中如何定义上面的 prop 函数呢？...obj[key]; } 在以上代码中，我们使用了 TypeScript 的泛型和泛型约束。

7.9K4 0

typescript进阶常见的typescript高级技巧

get(o: object, name: string) { return o[name] } 我们刚开始可能会这么写，不过它有很多缺点无法确认返回类型：这将损失 ts 最大的类型校验功能无法对..._.pick 中 type Partial = { [P in keyof T]?...b: number = 4 const b: typeof a = 4 在一个典型的服务端项目中，我们经常需要把一些工具塞到 context 中，如config，logger，db models, utils...{ return error.isAxiosError } if (isAxiosError(err)) { code = `Axios-${err.code}` } 在 GraphQL 的源码中，...这几个语法糖是从 lodash 的 types 源码中学到的，平时工作中的使用频率还挺高。

1.3K3 0

Vue3 跟着尤雨溪学 TypeScript 之 Ref 类型从零实现

为什么说 Ref 是个比较复杂的类型呢？假如 ref 函数中又接受了一个 Ref 类型的参数呢？Vue3 内部其实是会帮我们层层解包，只剩下最里层的那个 Ref 类型。...索引签名条件类型 keyof infer 先逐个拆解这些知识点吧，注意，如果本文中的这些知识点还有所不熟，一定要在代码编辑器中反复敲击调试，刻意练习，也可以在 typescript-playground...keyof keyof 操作符是 TS 中用来获取对象的 key 值集合的，比如： type Obj = { foo: number; bar: string; } type Keys = keyof...它的出现使得 ReturnType、 Parameters 等一众工具类型的支持都成为可能，是 TypeScript 进阶必须掌握的一个知识点了。注意前置条件，它一定是出现在条件类型中的。...当然，这也可以看出 TypeScript 是在不断的进步和优化中的，非常期待未来它能够越来越强大。相信看完本文的你，一定会对上文中提到的一些高级特性有了进一步的掌握。

6.2K1 1

几个一看就会的 TypeScript 小技巧

keyof any TypeScript 有一个内置类型叫做 Record，它的作用是根据传入的索引和值的类型构造新的索引类型。...看下 TS 源码里是怎么定义 Record 的： type Record = { [P in K]: T; }; 它用了 keyof any，难道这个...keyof any 就能动态得到 key 支持的类型么？...需要约束某个类型参数为索引 Key 时，用 keyof any 动态获取比写死 string | number | symbol 更好。...而且你会在很多源码里看到这种写法，比如下面是 Nest.js 源码里的： -readonly 映射类型可以构造一个新的索引类型，并且构造的过程中做一些修改。

1.9K1 0

掌握 TypeScript：20 个提高代码质量的最佳实践

以下是 TypeScript 中定义和使用接口的示例： interface User { name: string; age: number; } let user: User = {name: "John...最佳实践8：使用 unknown 类型 unknown 类型是 TypeScript 3.0 中引入的一种强大且限制性更强的类型。它比 any 类型更具限制性，并可以帮助你防止意外的类型错误。...最佳实践9：“never” 在 TypeScript 中，never 是一个特殊的类型，表示永远不会发生的值。它用于指示函数不会正常返回，而是会抛出错误。...运算符 keyof 运算符是 TypeScript 的一个强大功能，可以创建一个表示对象键的类型。...15: 类型保护在 TypeScript 中，处理复杂类型时，很难跟踪变量的不同可能性。

4K3 0

TS 从 0 到 1 - 泛型

在 C# 和 Java 中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据。这样用户就可以以自己的数据类型来使用组件。...设计泛型的关键目的是在成员之间提供有意义的约束，这些成员可以是：类的实例成员、类的方法、函数参数、函数返回值。泛型是允许同一个函数接受不同类型参数的一种模板。...中的 T 称类型变量，是希望传递给 identity 函数的类型占位符，同时它被分配给 value 参数来代替它的类型。...} type Func = typeof toArray; // (x: number) => number[] # keyof keyof 用于获取某类型的所有键，其返回类型是联合类型。...: string; // 数字索引 keyof StringArray1 => number } 为了同时支持两种索引类型，要求数字索引的返回值必须是字符串索引返回值的子类。

3761 0

Vue3 跟着尤雨溪学 TypeScript 之 Ref 类型从零实现

为什么说 Ref 是个比较复杂的类型呢？假如 ref 函数中又接受了一个 Ref 类型的参数呢？Vue3 内部其实是会帮我们层层解包，只剩下最里层的那个 Ref 类型。...索引签名条件类型 keyof infer 先逐个拆解这些知识点吧，注意，如果本文中的这些知识点还有所不熟，一定要在代码编辑器中反复敲击调试，刻意练习，也可以在 typescript-playground...keyof keyof 操作符是 TS 中用来获取对象的 key 值集合的，比如： type Obj = { foo: number; bar: string; } type Keys = keyof...它的出现使得 ReturnType、 Parameters 等一众工具类型的支持都成为可能，是 TypeScript 进阶必须掌握的一个知识点了。注意前置条件，它一定是出现在条件类型中的。...当然，这也可以看出 TypeScript 是在不断的进步和优化中的，非常期待未来它能够越来越强大。相信看完本文的你，一定会对上文中提到的一些高级特性有了进一步的掌握。

3871 0

TS 从 0 到 1 - 泛型进阶

keyof 用于获取某种类型的所有键，其返回类型是联合类型： interface Person { name: string; age: number; location: string;..." | "pop" | "concat" | ... type K3 = keyof { [x: string]: Person }; // string | number 使用 keyof 可以获取指定类型的所有键...，然后结合 extends 约束，限制输入的属性包含在 keyof 返回的联合类型中。...# 泛型参数默认类型可以为泛型中的类型参数指定默认类型，当使用泛型时没有在代码中直接指定参数类型参数，从实际值参数中无法推断出类型时，这个默认类型就会起作用。...在 TypeScript 中，可以使用 new 关键字来描述一个构造函数： interface Point { new (x: number, y: number): Point; } new

6952 0

TS 类型体操：索引类型的映射再映射

TypeScript 给 JavaScript 加了套静态类型系统。其中，JavaScript 中的数组、对象等聚合多个元素的类型在 TypeScript 中对应的是索引类型。...: number; gender: boolean; } 我们知道，TypeScript 支持类型编程，也就是对类型参数（范型）做各种运算，产生新的类型： type IsString = T...它是 TS 内置的高级类型。在构造新的索引类型的过程中，还可以做加上一些修饰符。...这里的 Record 类型是生成索引类型的，我们上面介绍过，所以 T extends Record 就是约束了这里只能传入索引类型。...as 后面是把索引转换成什么，我们是在原来的基础上做了修改，加上了 get，并且后面内容首字母大写，这个 Capitalize 也是 TS 内置的类型。

9071 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭