10. Enum类型（枚举）
enum（枚举）在 TypeScript 中是一个用于定义一组命名常量的工具，它可以让代码更加清晰、可读、可维护。 假设你有一组固定的值，比如一周的七天、订单状态、用户角色、性别等等。用字符串或数字硬编码是很容易出错的，比如： Enum 结构的特别之处在于，\\它既是一种类型，也是一个值。\\绝大多数 TypeScript 语法都是类型语法，编译后会全部去除，但是 Enum 结构是一个值，编译后会…
阅读全文Category
TS系列
共 20 篇文章
9. 泛型
前面的是比较基础的，后面的对我来说就是进阶的了。想要玩转企业级开发，后面的东西必须认真对待了。 有些时候，函数返回值的类型与参数类型是相关的。 上面示例中，函数getFirst()总是返回参数数组的第一个成员。参数数组是什么类型，返回值就是什么类型。 这个时候只能用any来处理了 但是这样的标注，就反映不出参数与返回值之间的类型关系。就算返回一个'123'也不会报错。 为了解决这个问题，TypeS…
阅读全文8. TS Class
类（class）是面向对象编程的基本构件，封装了属性和方法，TypeScript 给予了全面支持。 类的属性可以在顶层声明，也可以在构造方法内部声明。 TypeScript 有一个配置项strictPropertyInitialization，只要打开（默认是打开的），就会检查属性是否设置了初值，如果没有就报错。 上面示例中，如果类的顶层属性不赋值，就会报错。如果不希望出现报错，可以使用非空断言…
阅读全文7. TS的interface
interface是对象的模板，可以看作是一种类型约定，中文译为“接口”。使用了某个模板的对象，就拥有了指定的类型结构。也就是说，能用来声明一个对象的结构。 和type类似，但是interface主要用于描述对象结构，不支持直接定义基本类型、联合类型。元组。而type 可以描述任何类型（包括基本类型、联合类型、元组等）。 interface能用extends，可继承多个接口，而type需要用&来组…
阅读全文6. TS对象类型标注
直接标注： 属性的类型可以用分号结尾，也可以用逗号结尾。 除了type命令可以为对象类型声明一个别名，TypeScript 还提供了interface命令，可以把对象类型提炼为一个接口。 如果某个属性是可选的（即可以忽略），需要在属性名后面加一个问号。 属性名前面加上readonly关键字，表示这个属性是只读属性，不能修改。只读属性只能在对象初始化期间赋值，此后就不能修改该属性。 如果对象的属性非…
阅读全文5. TS函数
函数的类型声明，需要在声明函数时，给出参数的类型和返回值的类型。如果没有返回值，可以标注为void 返回值的类型通常可以不写，因为 TypeScript 自己会推断出来。 如果变量被赋值为一个函数，变量的类型有两种写法。 如果函数的某个参数可以省略，则在参数名后面加问号表示。 设置了默认值的参数，就是可选的。如果不传入该参数，它就会等于默认值。 可选参数与默认值不能同时使用。 参数解构 ： res…
阅读全文4. TS中的数组
根本特征：所有成员的类型必须相同，但是成员数量是不确定的，可以是无限数量的成员，也可以是零成员。 需要只读数组的时候，只需要再类型声明前加上readonly： TypeScript 将readonly number\[]与number\[]视为两种不一样的类型，后者是前者的子类型。（因为只读数组没有pop()、push()之类会改变原数组的方法） 特殊的是：如果这样写就会报错：const arr:…
阅读全文3. 类型详解
Js类型：boolean string number object undefined null bigint symbol TypeScript 继承了 JavaScript 的类型设计，以上8种类型可以看作 TypeScript 的基本类型。复杂类型由它们组合而成。 和Java不同，js类型的名称都是小写字母，首字母大写的Number、String、Boolean等在 JavaScript 语…
阅读全文2. TS类型标注
就是为各种变量、方法参数和返回值等标注其数据类型 简单类型直接冒号 + 类型： function的标注为：参数后冒号 + 类型，返回值在括号后加冒号和类型： any 类型表示没有任何限制，该类型的变量可以赋予任意类型的值。相当于js原本的变量，可以赋任意数据类型的值。即TypeScript 不对其进行类型检查。应该尽量避免使用any类型，否则就失去了使用 TypeScript 的意义。 在类型推断…
阅读全文1. 了解Typescript
背景：前端工作已经有好几年了，ts也接触了不少，但一直是知其然不知其所以然。虽然知道它对于前端来说很重要，也有想过去了解，但是始终没有静下心系统的进行学习。最近环境不太好，所以计划利用这个周末的时间来系统性学习、查缺补漏。目标是完全弄懂概念以及在实战中的应用。 一开始打算使用视频来学习，但是感觉太慢了。说的比较基础，也难以找到合适我的视频。所以使用阮一峰老师的ts博客进行学习。本系列文章主要用于记…
阅读全文