ts
文章平均质量分 53
分享一些学习ts的时的体会
yjwlike
游泳的小前端
展开
-
Typescript - 函数
有行为的地方就有函数, ts当然也少不了函数类型目录1. 定义完整的函数2. 利用类型推论定义函数3. 函数的参数4. 剩余参数1. 定义完整的函数完整的定义增加了代码的可读性type Fn = (a: number, b: number) => number[] // 定义一个 Fn 的函数类型const fn: Fn = (a: number, b: number): number[] => [a, b] // 定义了一个类型为 Fn 的函数con.原创 2022-01-07 11:12:09 · 350 阅读 · 0 评论 -
Typescript 中的类
在ts中, 你可以对类进行约束, 在构造子类时遵循这些约束即可目录1. 定义一个普通的类2. 类的继承3. 共有私有修饰符4. readonly修饰符 5. 存取器 6. 静态属性 7. 抽象类8.接口继承类1. 定义一个普通的类对类约束使用类型注解就可以了, 对类不约束就和普通js中定义类的写法一样class Person { name: string constructor(name: stri...原创 2022-01-06 15:58:10 · 427 阅读 · 0 评论 -
认识ts中的接口
ts中使用 interface 关键字定义一个接口, 接口用来定义对象类型或者函数类型,类类型等等, 并且可以设置属性只读, 属性可选等操作, 总而言之 interface 的功能很强大 . 接下来玩一玩 .要点概览 : point explain 普通接口 属性可选可改 只读属性 对象中属性只读不能修改 可选属性 属性不是必须的 函数类型 接口还能定义函数类型 索引类型 类类型 继承接口 混合类型 接原创 2022-01-06 11:43:29 · 6149 阅读 · 3 评论 -
ts中的泛型接口
在ts中常常会用接口来定义对象的类型, 用来规定对象中应该存在哪些属性, 这些属性是什么类型, 但是某些情况下, 我不希望对象中属性的类型固定, 而是我传入什么类型, 属性就是什么类型 , 此时就需要使用泛型接口 .我们先定义一个接口interface objType { money: (value: number) => number arr: () => string[]}const obj2: objType = { money: (val) => val,原创 2022-01-06 11:44:16 · 3699 阅读 · 0 评论 -
ts中的映射类型
在开发的时候常常会遇到类型复用的情况, 但在某些时候类型又没完全复用, 可能我现在需要旧类型中的前两个属性, 又可能类型属性为了代码的健壮性不能修改了, 又或许我需要从原有属性剔除一些属性, 此时就可以用到ts中的映射类型 . Partial 可选类型 ReadOnly 只读类型 Pick 从旧选新类型 Omit 剔除类型 Partial可选类型Partial 关键字可以使原有类型的属性变为可选的// 定义了一个类型 prop// Partial...原创 2022-01-06 11:44:51 · 1078 阅读 · 0 评论