
TS
文章平均质量分 74
TS
Echoyya、
这个作者很懒,什么都没留下…
展开
-
TypeScript 学习笔记 — 模板字符串和类型体操(十五)
目录基本介绍字符串类型体操实操环节1. 字符串首字母大写 CapitalizeString2. 获取字符串第一个字符 FirstChar3. 获取字符串最后一个字符 LastChar4. 字符串转元组 StringToTuple5. 元组转字符串 TupleToString6. 重复字符串 RepeatString7. 字符串分割 SplitString8. 获取字符串长度 LengthOfSt...原创 2023-05-04 15:24:00 · 1006 阅读 · 0 评论 -
TypeScript 学习笔记 — 数组常见的类型转换操作记录(十四)
获取长度 lengthtype LengthOfTuple<T extends any[]> = T["length"];type A = LengthOfTuple<["B", "F", "E"]>; // 3type B = LengthOfTuple<[]>; // 0取第一项 FirstItemtype FirstItem<T ...原创 2023-04-24 16:03:00 · 667 阅读 · 0 评论 -
TypeScript 学习笔记 — 自定义类型:部分属性可选,反选 key,求对象交差并补集等(十三)...
目录将部分属性变为可选属性根据值的类型 反选 key写法一:基础原理写法,使用不同的内置类型,Pick 和 Omit写法二:基础原理写法,使用 Pick 内置类型 + 传参的方式写法三:使用映射条件做双重映射求对象的交集 ObjectInter求对象的差集 ObjectDiff求对象的并集 ObjectMerge求对象的补集 ObjectComp重写对象类型 Overwrite上文中介绍了 对...原创 2023-04-06 16:09:00 · 596 阅读 · 0 评论 -
TypeScript 学习笔记 — 基于对象操作的内置类型的使用(十二)
目录1.Partial 转化可选属性 (?)2.Required 转化必填属性 (-?)3.Readonly 转化仅读属性 (readonly)Mutate(非内置,与 Readonly 相对) (-readonly)4.Pick 挑选所需的属性5.Omit 忽略属性在前几章的笔记中,了解了以下几种内置类型:条件类型相关:Exclude 排除类型(差集),Extract 抽取类型(交集),...原创 2023-04-03 14:47:00 · 111 阅读 · 0 评论 -
TypeScript 学习笔记 — 类型推断和类型保护(十一)
目录类型推断1.赋值推断2.返回值推断3.函数推断(反向推断)4.属性推断5.类型反推6.索引访问操作符7.类型映射类型保护1.typeof 类型保护2.instanceof 类型保护3.in 类型保护4.可辨识联合类型5.null 保护6.自定义类型保护类型推断TypeScript 编译器会根据一些简单的规则来推断开发者定义的变量的类型, 当没有标明变量的类型时,编译器会将变量的初始值作为...原创 2023-03-30 15:09:00 · 171 阅读 · 0 评论 -
TypeScript 学习笔记 — 类型兼容 (十)
目录一.基本数据类型的兼容性二.接口兼容性三.函数的兼容性四.类的兼容性类的私有成员和受保护成员五.泛型的兼容性六.枚举的兼容性标称类型简短介绍TS 是结构类型系统(structural type system),基于结构/形状检查类型,而非类型的名字。TS 中的兼容性,主要看结构是否兼容。(核心是考虑安全性),结构化的类型系统(又称鸭子类型检查),如两个类型名字不一样但是无法区分类型兼容性...原创 2023-03-20 15:07:00 · 146 阅读 · 0 评论 -
TypeScript 学习笔记 — infer 类型推导、类型兼容 (九)
目录1.ReturnType 返回值类型2.Parameters 参数类型3.InstanceType 实例类型4.ConstructorParameters 构造函数参数类型5.infer 实践更改元组类型将元组转换成联合类型获取 Promise 返回值类型(递归)类型推导: inference, 使用 infer 关键字只能用在条件类型中,用来提取类型的某一个部分的类型,放在不同的位置 ...原创 2023-03-14 15:38:00 · 294 阅读 · 1 评论 -
TypeScript 学习笔记 — 交叉类型、条件类型和条件分发(八)
目录交叉类型条件类型1. 直接传入判断的条件2. 把条件当成泛型传入3. 多重条件判断4. 判断接口中的类型extends 父子关系(类型等级)条件分发机制实际开发中如何避免?<T,U>判断 T 是不是 U 的子类型?判断两个类型完全相等?never 分发问题内置的条件类型1.Exclude 排除类型(差集)2.Extract 抽取类型(交集)3.NoNullable 非空检测4. ...原创 2023-03-07 14:36:00 · 593 阅读 · 0 评论 -
TypeScript 学习笔记 — 泛型的使用(七)
目录一.指定函数参数类型单个泛型多个泛型二.函数标注的方式类型别名 type接口 interface*案例分析:三.默认泛型四.泛型约束五.泛型接口使用六.类中的泛型泛型(Generics)是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定类型的一种特性。泛型可以用于 函数 对象 类...一.指定函数参数类型单个泛型案例:创建一个指定长度的数组,同时将每一项都填充...原创 2023-02-28 16:56:00 · 103 阅读 · 0 评论 -
TypeScript 学习笔记 — 接口的使用(六)
目录一.函数接口参数二.函数类型接口三.函数混合类型四.对象接口(最常用)确定属性可选属性任意属性只读属性可索引接口索引访问符类接口接口继承构造函数类型type 和 interface 的区别在 TS 中,使用接口(Interfaces)来定义对象的类型。可用于对类的一部分行为进行抽象以外,也常用于对对象的形状(Shape)进行描述。(接口都是抽象的,接口中不能含有具体的实现逻辑)一.函数接口...原创 2023-02-21 16:36:00 · 156 阅读 · 0 评论 -
TypeScript 学习笔记 — 类的基本用法(五)
目录TS 中定义类类中实例属性、方法 + 修饰符publicprotectedprivatereadonly实例方法类中原型属性、方法 + 访问器原型属性 + 访问器原型方法类中静态属性、方法子类重写父类方法类中 Super 属性修饰符 + constructor(){}抽象类 abstract抽象类定义实例方法及原型方法类的组成部分:构造函数、属性(实例属性、原型属性、静态属性)、方法(实例方...原创 2023-02-20 16:04:00 · 119 阅读 · 0 评论 -
TypeScript 学习笔记 — 函数中的类型(四)
目录函数的两种声明方式可选参数默认参数剩余参数函数的重载this 的类型对于函数主要关心的是:函数的入参类型 和 函数的返回值类型函数的两种声明方式通过 function 关键字来进行声明,不涉及到变量类型的标注function sum(a: string, b: string): string { // 限制函数的参数和返回值类型 return a + b;}sum("a...原创 2023-02-08 15:19:00 · 87 阅读 · 0 评论 -
TypeScript 学习笔记 — 类型补充void,any, tuple ,enum,nerver, Symbol , BigInt ,unknown(三)...
目录空值void 及(与Null 和 Undefined的区别)任意值Any元组类型枚举类型常量枚举never 类型1. 函数无法到达终点2.通常校验逻辑的完整性,可以利用 never 类型Symbol 类型BigInt 类型unknown 类型空值void 及(与Null 和 Undefined的区别)JavaScript 没有空值(Void)的概念,在 TS中,用 void 表示没有任何返...原创 2023-02-02 22:02:00 · 187 阅读 · 0 评论 -
TypeScript 学习笔记 — 类型断言(二)
目录类型断言语法类型断言的用途联合类型可以被断言为其中一个类型父类可以被断言为子类任何类型都可以被断言为 anyany 可以被断言为任何类型非空断言双重断言字面量类型 + 联合类型类型断言的限制类型断言 vs 类型转换上一篇:TypeScript 入门自学笔记(一)类型断言类型断言(Type Assertion): 主要用于当 TypeScript 推断出来类型并不满足当前需求时,TypeSc...原创 2021-04-28 17:09:00 · 165 阅读 · 0 评论 -
TypeScript 学习笔记(一)
码文不易,转载请带上本文链接,感谢~ https://www.cnblogs.com/echoyya/p/14542005.html目录码文不易,转载请带上本文链接,感谢~ https://www.cnblogs.com/echoyya/p/14542005.htmlTypeScript 介绍什么是TypeScript?JavaScript 的缺点为什么使用 TypeScript?安装Type...原创 2021-03-16 11:22:00 · 60 阅读 · 0 评论