初识TypeScript（day8）

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第24天，点击查看活动详情

上一篇文章中我们介绍了接口以及接口中的继承方法，继承extends帮助我们减少了代码量，是个很好的方法，接下来将会介绍一下TS常用类型之元组以及TS常用类型之类型推论

TS常用类型之元组

1. 元组使用场景：在地图中，我们经常使用经纬度坐标来标记位置信息。当然我们可以使用数组来记录坐标，那么，该数组中只有两个元素，并且这两个元素都是数值类型。下面是示例代码：

let position : number[] = [39.5427,116.2317]

使用number[]的缺点：不严谨，因为该类型的数组中可以出现任意多个数字，我们可以使用更好的方式：元组

2. 元组（Tuple）

• 元组类型是另一种类型的数组，它可以准确的知道包含多少个元素，以及特定索引对于的类型。

示例代码：

let position :[number,number] = [39.5427,116.2317]

解释：

• 元组类型可以准确的标记处有多少个元素以及每一个元素的类型
• 上面那个示例代码中，元组有两个元素，每个元素的类型都是number

TS常用类型之类型推论

1. 在TS中，某些没有明确指出类型的地方，TS的类型推论机制会帮助提供类型
2. 换句话说：由于类型推论的存在，这些地方的类型注解可以省略不写
3. 发生类型推论的两种常见场景： 声明变量并且初始化的时候，决定函数返回值的时候
4. 注意：这两种情况下，类型注解可以不写
5. 推荐：能省略类型注解的地方就省略，这样可以充分利用TS类型推论的能力，提升开发效率
6. 技巧：如果不知道类型，可以通过鼠标放在变量名称上面，利用vscode的提示来查看变量类型