网站
引入
变量用于保存数据，后续可以通过变量名使用这个数据。
网页里的用户信息、商品数量、输入内容、计算结果，都可以先放到变量里。
正文
定义
定义
变量是用来保存数据的名字，后续可以通过这个名字读取或修改数据。
语法
使用 let 声明变量。
let id;
id = 10001;也可以声明时直接赋值。
let name = "Tom";
let age = 18;let 用来声明变量，name 是变量名，"Tom" 是保存进去的数据。
变量命名
变量名要能看出保存的是什么数据。
let userName = "Tom";
let productCount = 3;命名规则：
- 必须以字母、下划线
_或美元符号$开头 - 不能以数字开头
- 区分大小写，
name和Name是两个不同变量 - 不能使用 JS 关键字，例如
let、const、function - 推荐使用 驼峰式命名法，例如
userName
读取和修改变量
变量声明后，可以读取，也可以重新赋值。
let count = 0;
console.log(count);
count = 1;
console.log(count);let 声明的变量可以重新赋值。
未赋值的变量
变量只声明，没有赋值时，默认值是 undefined。
let id;
console.log(id);undefined 表示这个变量已经存在，但目前还没有保存具体数据。
常见写法
| 写法 | 作用 |
|---|---|
let id; | 声明一个变量，但暂时不赋值 |
id = 10001; | 给变量赋值 |
let name = "Tom"; | 声明变量并赋值 |
console.log(name); | 读取并输出变量内容 |
count = count + 1; | 修改变量的值 |
例子
保存用户信息
let userName = "Tom";
let age = 18;
console.log(userName);
console.log(age);记录点击次数
let count = 0;
count = count + 1;
console.log(count);特点
- 变量用于保存数据
- 变量要先声明，再使用
let声明的变量可以重新赋值- 变量名建议有明确含义
- JS 区分大小写
- 语句结尾建议写分号
; - JS 代码通常会按照出现顺序执行
理解
可以把变量理解为一个带名字的盒子。
盒子里放的是数据，后面可以通过盒子的名字找到这个数据。
let 更像普通盒子，里面的东西后面还能换。
引出
理解变量之后，就可以继续学习 JS 常量，知道哪些数据不应该被重新赋值。
也可以继续学习 JS 数据类型，知道变量里可以保存哪些不同类型的数据。