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
总结:
- 规则:变量名称只能出现数字、字母、下划线(_)、美元符号($),并且不能以 数字 开头。
注意:变量名称区分大小写。- 规范:变量名称要有意义,顾名思义。
推荐:使用驼峰命名法(首字母小写,后面每个单词首字母大写)。