TS使用记录

最新推荐文章于 2024-04-18 09:30:53 发布
最新推荐文章于 2024-04-18 09:30:53 发布
阅读量490 收藏
点赞数
文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aquarius_zzz/article/details/121771349
版权
这篇博客详细介绍了TypeScript中的几个核心概念，包括'in'关键字用于定义数组的值或对象key，'keyof'用于获取类型键值，'t in keyof T'用于提取泛型中的键值，'typeof'根据变量确定类型，'extends'表示继承关系，'infer'声明类型变量，'ReturnType'获取函数返回值类型，以及'Exclude'用于排除某些类型。通过实例解析了这些概念的用法和实际意义。
摘要由CSDN通过智能技术生成

in：用于定义数组的值或对象key值

 

keyof：获取 类型 key值

t in keyof T : 提取泛型T中的key值。

例如：type A = {name:'xxx'}  t in keyof A   t='name'

typeof：根据变量确定类型

extends：继承（type定义的类型不能使用extends)

最低0.47元/天 解锁文章
aquarius_zzz
关注
TS/TypeScript 中，把对象的所有键/值变成一个联合类型 Union Type
YopenLang的博客
08-15 2877
要把一个对象的所有键、值组合成一个联合类型，需要三步骤： 1. 定义一个只读对象 2. 使用 `keyof typeof` 得到对象的所有键类型 3. 使用键去得到联合类型
ts：interface、type、keyof、in、extends、infer使用示例
最新发布
weixin_56356934的博客
07-11 209
typescript：interface，type，keyof，in，extends
【ts】typescript高阶：键值类型及type与interface区别
qq_48896417的博客
06-03 3139
学习目标： 1、键值类型的语法 2、type与interface的区别 3、类型别名与接口的一些使用场景总结 2、错误例子 3、正确例子 二、type与interface的区别 1.相同点一 代码如下（示例）： 2.相同点二 代码如下（示例）：...
【TS】映射类型（in keyof）
qq_45677671的博客
01-04 2085
- 映射类型 ： 基于旧类型创建新类型（对象类型），减少重复，提升开发效率。 - 注意：映射类型只能在类型别名中使用，不能在接口中使用。
TypeScript 的 keyof 和 in 操作符
hhhhhhaaaaaha的博客
04-02 679
TypeScript 的 keyof 和 in 操作符
typescript 中的keyof、 in
冰雪为融的博客
07-23 9048
keyof 定义 keyof与Object.keys略有相似，只是 keyof 是取 interface 的键，而且 keyof 取到键后会保存为联合类型。 interface iUserInfo { name: string; age: number; } type keys = keyof iUserInfo; keyof 的简单栗子 我们有这样一个需求，实现一个函数 getValue 取得对象的 value。在未接触 keyof 时，我们一般会这样写： fu.
TS体系审核记录.pdf
09-26
"TS体系审核记录.pdf" 本资源主要介绍了TS16949体系审核记录表的内容，涵盖了质量管理体系的各个方面，包括文件控制、记录控制、质量体系审核、顾客满意度调查管理、工装、模具控制等过程。 文件控制是质量管理...
TS9080 TS9020 TS8020 TS8080 TS9000 TS8000清零软件
03-06
在喷墨打印机的工作过程中，每个墨盒都有一个内置的芯片，记录了打印头的使用情况和墨水消耗量。当打印机检测到墨水量低或者达到预设的打印页数时，即使墨盒中还有墨水，它也会显示墨尽，这被称为“芯片复位”或...
TS5120 TS5180 TS6120 TS6180清零软件
03-06
总的来说，"TS5120 TS5180 TS6120 TS6180清零软件"是为了帮助用户解决打印机计数器问题而设计的实用工具，它能延长打印机的使用时间，降低维护成本。但同时，合理使用和适时更换耗材才能确保打印机的稳定性和打印...
浅谈TypeScript 用 Webpack/ts-node 运行的配置记录
11-26
在本文中，我们将深入探讨如何在Node环境中使用TypeScript，特别是如何通过Webpack和ts-node来配置和运行TypeScript代码。TypeScript是一种强大的编程语言，它为JavaScript提供了静态类型检查和其他高级特性，使得...
7.TypeScript入门之TS高级类型（索引签名类型和映射类型）
Coding and studying
03-07 5225
上一章节：6.TypeScript入门之TS高级类型（类型兼容性、交叉类型和泛型） 4.5 索引签名类型 绝大多数情况下，我们都可以在使用对象前就确定对象的结构，并为对象添加准确的类型。 使用场景：当无法确定对象中有哪些属性（或者说对象中可以出现任意多个属性），此时，就用到索引签名类型了。 interface AnyObject { [key: string]: number } let obj: AnyObject = { a: 1, b: 2 } // 对象obj中只能出现为n...
ts入门笔记——ts类型声明和类型断言
进击的火山博客
09-28 8447
ts入门笔记——ts类型声明和类型断言 学习路径 1.学习ts声明变量类型 2.学习ts的类型断言（解释型类型转换） 3.学习ts的接口进一步详解 ts在线运行练习网站：https://www.tslang.cn/play/index.html 一、ts简介 1.什么是TypeScript(TS)？ TypeScript简称TS TS和JS之间的关系其实就是Less/Sass和CSS之间的关系 就像Less/Sass是对CSS进行扩展一样, TS也是对JS进行扩展 就像Less/Sass最终会转换成CS
TypeScript 对象遍历与类型检测技巧
qq_22841387的博客
10-17 3860
在开发过程中，我们经常需要遍历一个对象，执行一些操作。通常，我们会用 JavaScript 的原生方法，如 `Object.entries`、`Object.keys` 或 `Object.values` 来遍历对象。然而，在 TypeScript 中，这些方法可能不能完全利用对象的类型信息，因为它们返回的是 `string` 类型的键或值，而不是对象的实际键类型或值类型。
TypeScript22：三个关键字typeof、keyof 、in
m0_60189088的博客
04-18 631
TS中的typeof，书写的位置在类型约束的位置上，表示获取某个数据的类型。让b这个变量保持与a的类型一致。当typeof作用于类的时候，得到的类型，是该类的构造函数。将参数或者变量约束为构造函数时可以这样写：这里的代表的是类本身，而不是类的构造函数。
TS 中的一些高阶技巧
FE-阿阳的博客
11-11 3485
1. keyof 和 in 1.1 keyof keyof 与 Object.keys 略有相似，只不过 keyof 取 interface 的键 interface Point { x: number; y: number; } // type keys = "x" | "y" type keys = keyof Point; 假设有一个 object 如下所示，我们需要使用 typescript 实现一个 get 函数来获取它的属性值 const data = { a: 3,
TypeScript中的keyof、typeof、in
m0_45093055的博客
02-20 627
Record工具类型可以将某个类型的属性映射到另一个类型上,其构造的类型属性名的类型为K，属性值的类型为T。TypeScript中的keyof、typeof、in在我们日常工作中经常用到，但也容易遗忘，现详细梳理其用法及使用场景。Partial是一个ts内置工具类型，用于将传入的类型所有属性设置为可选的。在vue项目中，这段代码有编译报错，代码可能看得不清楚，上图片。Readonly工具类型可以将传入的类型中所有属性转化为只读。typeof 可以获取一个对象/实例的类型。
TypeScript：对象
KaiSarH
05-24 2002
对象
TS进阶之keyof
热门推荐
lcl130的专栏
06-10 1万+
刷完了type-challenges的所有简单和中等难度的题目后，对TypeScript的类型操作有了一些新的理解和认识。特此用几篇文章来记录下一些重要的知识点。JavaScript通过获取对象的所有属性键值，而typescript主要关注的是类型操作，通过 操作符可以获取对象中的所有键类型组成的联合类型。为了具体了解操作符的作用，我们通过一些例子来解释下：.........
一个 TypeScript keyof 泛型用法
weixin_34354173的博客
03-31 1万+
平时工作自认为有 Swift Rust 经验, 所以不需要看 TypeScript 泛型方面的应用, 总以为大同小异, 拒绝看文档学语言, 从我做起. 今日看到一个用上泛型的 pluck 函数 function pluck<T, K extends keyof T>(o: T, names: Array<K>): T[K][] { return names.map(...
vue3+ts如何记录登记状态
04-27
在Vue3中，你可以使用 `ref` 和 `reactive` 这两个API来记录和管理状态。如果你使用Typescript作为开发语言，可以使用interface来定义状态对象的类型。 下面是一个示例代码： ``` import { ref, reactive } from 'vue'; interface User { name: string; age: number; isLoggedIn: boolean; } // 使用ref记录单个值 const count = ref(0); // 使用reactive记录状态对象 const user = reactive<User>({ name: 'John Doe', age: 25, isLoggedIn: false }); // 改变状态 count.value++; user.age = 26; user.isLoggedIn = true; ``` 在上面的代码中，我们使用 `ref` 来记录数字类型的状态，使用 `reactive` 来记录用户对象类型的状态。在修改状态时，我们可以直接修改 `ref` 的值或 `reactive` 对象的属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值