2. TypeScript 变量和数据类型

2.1 什么是变量

通俗的讲：变量，是用来存储数据的容器，并且是可以变化的。
保温杯里泡枸杞
枸杞难挡岁月催，杯里再换点当归：枸杞 -> 当归。

2.2 变量的使用

2.2.1 基本使用

变量的使用分为两步：1 声明变量并指定类型 2 给变量赋值。

第一步：声明变量并指定类型

let age: number;

解释：

• let 是 TS 的关键字，用来声明变量。
• age 是程序员自己定义的变量名称。
• : number 用来指定变量 age 为数值类型。
• 注意：分号是可选的，可省略

第二步：给变量赋值

age = 18

解释：

• 使用等号（=）来给变量 age 赋值。

2.2.2 简化形式

声明变量的同时就赋值（变量的初始化）：

let age: number = 18

变量的使用总结：

• 变量的两种使用方式：1 先声明后赋值 2 声明的同时并赋值（推荐）

第一种：先声明后赋值

// 1 声明变量并指定类型
let age: number
// 2 赋值
age = 18

第二种：声明的同时并赋值（推荐）

let age: number = 18

注意：声明变量的时候要指定变量的类型。

2.3 类型注解

2.3.1 什么是类型注解

示例代码：

let age: number = 18

代码中的 : number 就是类型注解。

2.3.2 作用

类型注解：是一种为变量添加类型约束的方式。

程序员 和 TS 有个约定。

// 程序员 和 TS 约定：变量 age 的类型为 number（数值类型）
let age: number = 18

重要：约定了什么类型，就只能给变量赋什么类型的值。

// × 错误演示
age = 'Hello TS'

额外说明：VSCode 中代码下方的红色波浪线表示代码报错，出 Bug 了。

2.4 命名规则和规范

2.4.1 变量的命名规则

变量名称只能出现：数字、字母、下划线（_）、美元符号（$），并且不能以 数字 开头。

let age: number = 18

以下示例中变量名称是否正确：

let 2b ×
let $name ✅
let first_name ✅
let @email ×

注意：变量名称区分大小写。

// age 和 Age 是两个不同的变量
let age: number = 18
let Age: number = 20

2.4.2 变量的命名规范

• 代码就是程序员的脸面，规范的代码，能让人觉得专业、优雅。
• 推荐：变量名称要有意义，顾名思义。

// 有意义，推荐
let age: number = 18
// 无意义，不推荐
let a: number = 18

• 推荐：使用驼峰命名法（首字母小写，后面每个单词首字母大写）。

let cityName
let yourAge

总结：

• 规则：变量名称只能出现数字、字母、下划线（_）、美元符号（$），并且不能以 数字 开头。
  注意：变量名称区分大小写。
• 规范：变量名称要有意义，顾名思义。
  推荐：使用驼峰命名法（首字母小写，后面每个单词首字母大写）。