
TypeScript
文章平均质量分 68
学习TypeScript总结
念念不忘 必有回响
这个作者很懒,什么都没留下…
展开
-
TypeScript中的keyof、typeof、in
Record工具类型可以将某个类型的属性映射到另一个类型上,其构造的类型属性名的类型为K,属性值的类型为T。TypeScript中的keyof、typeof、in在我们日常工作中经常用到,但也容易遗忘,现详细梳理其用法及使用场景。Partial是一个ts内置工具类型,用于将传入的类型所有属性设置为可选的。在vue项目中,这段代码有编译报错,代码可能看得不清楚,上图片。Readonly工具类型可以将传入的类型中所有属性转化为只读。typeof 可以获取一个对象/实例的类型。原创 2024-02-20 13:29:32 · 892 阅读 · 0 评论 -
TypeScript中的类型缩小、类型谓词
要限制函数的返回值类型,可以使用 TypeScript 中的类型别名和类型断言。通过定义一个类型别名,可以指定函数的返回值类型。然后,在函数内部使用类型断言来确保返回值符合预期的类型。在 TypeScript 中,使用类型谓词 is 可以帮助我们限制函数的输入参数类型。但是,这种类型谓词并不能直接限制函数的返回值类型。TypeScript中的类型缩小的方式有typeof、in等方式进行类型缩小。comp也有可能是Itip类型,所以需要用类型断言。对象的类型为 “unknown”。之前有类型谓词的相关介绍。原创 2023-12-11 17:08:36 · 559 阅读 · 0 评论 -
TypeScript中的函数注释
一般来说,对于基础类型,使用string更为常见和推荐,而对于构造函数或特定的类方法,使用String更合适。然而,如果你需要使用String类的特定功能(例如,处理编码或正则表达式),你需要使用String。如果你只是声明一个包含字符串的变量,使用string更为合适,因为这更符合类型的定义。如果没有定义类型,且无法进行类型推断,且非严格模式,那么隐式注解为any。类型推断是省略类型显示定义的方式,不需要显示定义,也能得到正确的类型。函数注释主要分为显示注释、类型推断、隐式的any,现在来详细总结下。原创 2023-12-11 16:24:17 · 918 阅读 · 0 评论 -
TypeScript中泛型函数
可以在不明确类型的时候,使用泛型占位可以在调用函数是,对函数的参数进行类型的约束类型参数化是泛型的特征:定义时,传入类型参数(泛型)调用时,传入实际类型。原创 2023-12-06 16:45:27 · 1283 阅读 · 0 评论 -
TypeScript中泛型对象、泛型类、interface和type继承
在 getTodoProp(todo1, ‘id’) 调用中,K 类型被推断为 ‘id’,因此 key 参数的类型为 ‘id’,这个类型也符合泛型类型参数 K 的约束条件。一个类型有没有一种可能让我么在定义的时候传入一个类似于变量的形参,在使用的时候传入具体的类型参数。在class中,所以属性都应该是私有的,如果需要获取属性,设置属性都应该由公共的getter setter方法去完成。本文详细介绍泛型中泛型对象和泛型类的使用,结合实际应用场景,加深对泛型的理解、使用。可以结合例子,去看泛型类的使用。原创 2023-12-07 15:31:39 · 1321 阅读 · 1 评论 -
TypeScript中的undefined,void,null
例如,当检查变量是否被定义或初始化时,通常使用undefined。undefined是一个全局变量,表示未定义或未赋值,可以被覆盖。在函数中,如果您已声明但未返回任何值,则默认返回undefined。null是一个表示无值或空值的JavaScript原始值,与未定义和未赋值的区别。如果要显式设置变量或属性不含任何值,可以将其设置为null。undefined的本质是一个变量定义但是没有赋值,如果let x:undefined = undefined这种方式赋值之后,就不能赋值成其它类型。原创 2023-12-05 17:00:54 · 1002 阅读 · 0 评论 -
TypeScript枚举类型、类型断言
例如上述例子,我们也可以通过Colors[‘SUCCESS’]去获取数据,说明枚举Colors作为一个容器,也存储了数据,并支持访问。上述例子,在赋值的同时,同时也把buttonClor的类型限制为string,因为buttonClor的赋值范围是固定的,所以用枚举可以缩小其赋值范围,更加准确。缺点: 如果有多个属性,需要书写多个属性常量,并且多个属性零散,没有统一维护。缺点:后续对象可能会添加多个属性,所以一种类型可能对应了多个属性,可维护性差。如果直接赋值的话,类型就会改变。原创 2023-12-05 15:58:19 · 521 阅读 · 0 评论 -
TypeScript中的 | 分隔符、& 运算符、类型谓词is
TypeScript中的 | 分隔符、& 运算符、类型谓词is原创 2023-01-17 17:38:50 · 1895 阅读 · 0 评论 -
TypeScript中的class(类)
TypeScript中的class与es5实现原创 2022-07-02 21:12:29 · 3731 阅读 · 0 评论 -
TypeScript中的泛型
ts中泛型使用原创 2022-07-02 20:27:10 · 2724 阅读 · 0 评论 -
TypeScript中的基本类型总结
ts基础数据类型原创 2022-07-02 20:13:03 · 150 阅读 · 0 评论 -
TypeScript概览
TypeScript概览原创 2022-04-10 12:05:06 · 847 阅读 · 0 评论