TypeScript基础小课堂二

上期简单的介绍了一下TS的安装和运行环境，现在正式进入知识点阶段。

1. TS类型注解

TypeScript 是 JS 的超集，TS 提供了 JS 的所有功能，并且额外的增加了：类型系统

• TS中定义变量（常量）可以指定类型。

• A类型的变量不能保存B类型的数据。

• 可以显示标记出代码中的意外行为，从而降低了发生错误的可能性

​​​​​​​// 类型注解格式：
// let 变量名: 类型 = 初始值 
// 例如：
let age: number = 18

// 说明：代码中的 : number 就是类型注解
// 作用：为变量添加类型约束。
// 上述代码中约定变量 age 的类型为 number 类型，就只能给变量赋值该类型的值，否则就会报错。
// 错误代码：let age: number = '18'
// 错误原因：将 string 类型的值赋值给了 number 类型的变量，类型不一致

2. 类型推论

在 TS 中，某些没有明确指定类型的情况下，TS 的类型推论机制会自动提供类型。

好处：由于类型推论的存在，有些情况下的类型注解可以省略不写。

发生类型推论的 2 种常见场景：

// 1. 声明变量并初始化时
    // 变量 age 的类型被自动推断为：number
    let age = 18
// 2. 决定函数返回值时
    // 函数返回值的类型被自动推断为：number
    function add(num1: number, num2: number) {
      return num1 + num2
    }

小拓展： VSCode中的编码技巧

• 如果不知道类型，可以通过鼠标放在变量名称上，利用 VSCode 的提示来查看类型

• 写代码的时候，可以多看方法、属性的类型，养成写代码看类型的习惯

3. TS的类型