三、JavaScript变量

一、变量的概念

• 官方定义：
  • 存储在内存之中的，带有名称的，数据信息
  • 其中存储的数据信息，在程序的执行过程中，是可以改变的
• 通俗理解：
  • 变量就是一个容器
  • 这个容器必须有一个名称

1、在计算机中，数据是不能独立存在的，必须要有一个存储数据的容器

2、在数据的传递过程中，实际上传递的是这个容器（可理解为水杯），容器中存储着数据（水杯中的水）

3、接收数据时，实际上也是先接收这个容器（拿到水杯），再解析获取到容器中存储的数据

4、数据是可变的（水杯中的水可换成饮料）

二、变量的语法

关键词 变量名称 赋值符号 数值数据
var     int     =      100

• 关键词：定义声明变量的关键词之一，表示当前正在定义的是一个变量
• 变量名称：定义变量的名称，也就是容器的名称，一般是描述存储数据的内容或者类型，要做到见名知意
• 赋值符号：将等号右边的执行结果赋值给等号左边的变量
• 数值数据：是存储在变量中的数据数值内容

三、变量的命名规范

• 必须遵守的：
  • 变量名称只能使用英文字母、数字、下划线，其他内容不推荐使用 ，例如特殊符号，空格等是绝对不能使用的
  • 变量名称严格区分大小写，int 和 Int 是完全两个不同的变量名称
  • 不要使用 JavaScript 保留词和关键词
• 推荐遵守的
  • 使用小驼峰命名法
    
  • 不要使用中文命名
  • 尽量做到见名知意

// 定义一个变量并赋值
var int = 100;

// 定义多个变量并赋值
var int1 = 100;
var int2 = 100;
var int3 = 100;

// 使用一个关键词 var 来同时定义是三个变量，变量之间使用逗号隔开
var n1 = 100, n2 = 100, n3 = 100;
var a1 = 20, a2 = 40, a3 = 60;

四、重复赋值

对一个变量多次赋值存储数据

1、第一次定义变量，初始化变量，必须带有关键词var、let或const

2、之后使用变量时，不需要带有关键词

3、后赋值存储的数据，会覆盖之前存储的数据

var int = 100;
int = 200;
console.log(int); // 200

五、数据交换

交换两个变量中的数据

var int1 = 100;
var int2 = 200;

// 需要定义一个中间变量
var int3 = int1; // 存储int1的原始数据

int1 = int2; // int1赋值存储int2的原始数据
int2 = int3; // int2赋值存储int3的数据,也就是int1的原始数据

console.log(int1,int2);

六、调试方法

var int = 100;

1、控制台输出（常用方法）

console.log(int);

console.log() 可以一次输出多个变量或者数据，变量或者数据之间，必须用逗号间隔

2、提示框（不常用）

window.alert(int);

3、向页面输出（不常用）

document.write(int);