变量

TIP

理解变量是计算机存储数据的“容器”

变量是什么？

白话：变量就是一个装东西的盒子
通俗：变量是计算机中用来存储数据的“容器”，它可以让计算机变得有记忆

TIP

变量不是数据本身，它们仅仅是一个用于存储数值的容器。可以理解为是一个个用来装东西的纸箱子。

变量的基本使用

1. 声明变量

要想使用变量，首先需要创建变量（也称为声明变量或者定义变量）

// 语法：
let 变量名
// 声明变量有两部分构成：声明关键字、变量名（标识）
// let 即关键字 (let: 允许、许可、让、要)，所谓关键字是系统提供的专门用来声明（定义）变量的词语

// 举例子
let age
// 我们声明了一个age变量
// age 即变量的名称，也叫标识符

2. 变量赋值

定义了一个变量后，你就能够初始化它（赋值）。在变量名之后跟上一个“=”，然后是数值。

// 1、声明一个 age 变量
let age
// 2. age 变量赋值为 18
age = 18
// 3. 输出 age 变量
alert(age)

TIP

通过变量名来获得变量里面的数据

简单点，也可以声明变量的时候直接完成赋值操作,这种操作也称为变量初始化

// 1、声明一个 age 变量，同时里面存放了 18 这个数据
let age = 18

3. 更新变量

变量赋值后，还可以通过简单地给它一个不同的值来更新它。

// 1、声明一个 age 变量，同时里面存放了 18 这个数据
let age = 18
// 变量里面的数据发生变化更改为 19
age = 19
// 页面输出结果为 19
document.write(age)

TIP

let 不允许多次声明一个变量

4. 声明多个变量

多个变量中间用逗号隔开。

let age = 18, uname = 'fans'

TIP

看上去代码长度更短，但并不推荐这样。为了更好的可读性，请一行只声明一个变量。

// 多行变量声明有点长，但更容易阅读
let age = 18
let uname = 'fans'

变量案例- 交换变量的值

INFO

需求：有2个变量： num1 里面放的是 10， num2 里面放的是20 最后变为 num1 里面放的是 20 ， num2 里面放的是 10 目的：

练习变量的使用
为了后面冒泡排序做准备


let num1 = 10
let num2 = 20
let temp // 临时变量不用自动销毁
// 都是把右边给左边
temp = num1
num1 = num2
num2 = temp
console.log(num1,num2)

变量的本质

目标: 能够说出变量的本质是什么
内存：计算机存储数据的地方，相当于一个空间
变量本质：是程序在内存中申请的一块用来存放数据的小空间

变量命名规则与规范

目标: 能够写出符合规范的变量名
规则：必须遵守，不遵守报错
- 不能用关键字
  - 关键字：有特殊含义的字符，JavaScript 内置的一些英文词汇，例如：let、var、if、for等
- 只能用下划线、字母、数字、$组成，且数字不能开头
- 字母严格区分大小写，如 name 和 Name 是不同的变量
规范：建议，不遵守不会报错，但不符合业内通识
- 起名要有意义
- 遵守小驼峰命名法
  - 第一个单词首字母小写，后面每个单词首字母大些。例：userName

变量拓展-数组

一种将一组数据存储在单个变量名下的优雅方式

// arr 为变量，[] 为数组字面量
let arr = []

数组的基本使用

目标：能够声明数组并且能够获取里面的数据
- 声明语法：
js
```
let 数组名 = [数据1,数据2,...,数据n]

let names = ['fans','张三']
```
- 数组是按顺序保存，所以每个数据都有自己的编号
- 计算机中的编号从0开始，所以 fans 的编号为0，张三的编号为1，以此类推
- 在数组中，数据的编号也叫索引或下标
- 数据可以存储任意类型的数据
- 取值语法
js
```
数组名[下标]
let names = ['fans','张三']
names[0] // fans

```

变量 ​

变量是什么？ ​

变量的基本使用 ​

1. 声明变量 ​

2. 变量赋值 ​

3. 更新变量 ​

4. 声明多个变量 ​

变量案例- 交换变量的值 ​

变量的本质 ​

变量命名规则与规范 ​

变量拓展-数组 ​

数组的基本使用 ​

变量