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。
往期文章发布内容:
黑马前端专栏干货多多,关注再学,好方便~
2022年前端学习路线图:课程、源码、笔记,技术栈 另外此线路图实时更新!需要课后资料的友友们,可以直接告诉我喔~