TypeScript变量

1. 什么是变量

通俗的讲：变量，是用来存储数据的容器，并且是可以变化的。

保温杯里泡枸杞 ，变量里面存数据。

枸杞难挡岁月催，杯里再换点当归：枸杞 -> 当归。

 

2. 变量的使用

2.1 基本使用

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

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

let age: number;

解释：

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

第二步：给变量赋值

age = 18

解释：
 

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

2.2 简化形式

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

let age: number = 18

变量的使用总结：

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

第一种：先声明后赋值

// 1 声明变量并指定类型

let age: number

// 2 赋值

age = 18

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

let age: number = 18

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

3.1 什么是类型注解

示例代码：

let age: number = 18

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

3.2 作用

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

程序员 和 TS 有个约定。

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

let age: number = 18

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

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

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

4. 命名规则和规范

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

4.2 变量的命名规范

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

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

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

let cityName
let yourAge

总结：

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

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

• 规范：变量名称要有意义，顾名思义。

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

案例： 交换变量的值

需求：交换两个变量的值（提示：借助于第三个变量）。

// 变量1：
let num1: number = 33
// 变量2：
let num2: number = 2
// 目标：num1 的值为2，num2 的值为33。