深入浅出 TypeScript

TS和JS的区别

前端TS和JS的区别主要在于类型系统的支持。TS（TypeScript）是JS的超集，引入了静态类型检查，可以在开发过程中发现一些潜在的类型错误，提供更好的代码可靠性和可维护性。 TS带来了什么？类型安全，下一代JS特性，完整的工具链

TS基础-基础类型

TS的基础类型包括：

1.number: 表示数字类型，包括整数和浮点数。

2.string: 表示字符串类型，使用单引号或双引号括起来的一串字符。

3.boolean: 表示布尔类型，只有两个值：true和false。

4.undefined: 表示未定义类型，表示变量声明但未赋值的情况。

5.null: 表示空类型，表示变量值为空。

6.object: 表示对象类型，用于描述非原始类型（除了number、string、boolean、undefined、null之外的所有类型）。

7.array: 表示数组类型，用于存储多个相同类型的值。

8.tuple: 表示元组类型，用于表示固定长度和类型的数组。

9.enum: 表示枚举类型，用于定义一组命名的常量。

10.any: 表示任意类型，即不进行类型检查。

11.void: 表示没有类型，常用于函数没有返回值的情况。

TS进阶-高级类型：

联合类型，交叉类型，类型断言，类型别名

1.Union Types: 表示一个变量可以是多个类型中的一个。

2.Intersection Types: 表示一个变量具有多个类型的特性。

3.Type Alias: 类型别名，用于给一个类型取一个别名。

4.Type Assertion: 类型断言，用于指定变量的类型。

5.Generics: 泛型，用于创建可重用的组件。

6.Enums with String Values: 带有字符串值的枚举类型。

TS进阶-泛型：

基本定义和使用（在前端的TypeScript中，泛型（Generics）是一种在设计和使用函数、类和接口时，提供参数化类型的能力。它允许我们根据不同的需求使用通用的代码来处理多种类型的数据，增加代码的灵活性和可重用性。在使用泛型时，我们可以定义一个参数占位符，它可以代表任意类型。这个参数占位符在函数或类中作为类型的参数来使用），常见的泛型：函数泛型，类泛型，接口泛型等，基础操作符，常用工具类型

个人笔记总结：关于TS，目前来说还并未接触，只能查阅资料来弥补这一方面的知识，因此，学无止境，下一个方向就是学习TS，加油！