什么是变量

 

• 变量表示一些​​可以被修改​​的数据
• 在现实生活中超市的储物格就是变量, 在不同的时间段里面, 储物格中存储的数据也不一样

 

定义一个变量

• 在JavaScript中可以通过定义变量的方式来生成储物格, 也就是告诉浏览器, 我们需要一块内存空间
• ​​var 变量名称;​​

使用变量

• 使用变量就是往申请的那块内存空间中存储数据, 和获取存储的数据

往变量中存储数据

• ​​变量名称 = 需要存储的数据;​​
• 可以将等号右边需要存储的数据放到等号左边变量申请的那块存储空间中进行存储起来

获取存储在变量中的数据

• ​​变量名称​​
• 定义一个变量

var num;

 

• 往变量中存储数据

 

num = 123;

 

• 获取变量中存储的数据

 

console.log(num);

JavaScript变量补充

 

1. 定义一个变量

 

var num;

 

2. 往变量中存储数据

 

num = 123;

 

3. 从变量中取出存储的数据

 

console.log(num);

修改变量中存储的数据

 

• 在JavaScript中想要修改变量中存储的数据, 只需要再次给变量直接赋值即可

 

num = 666;
console.log(num);

 

• 在JavaScript中第一次给变量赋值, 我们称之为​​变量的初始化​​

 

var num;
num = 321;  // "变量的初始化"
num = 888;  // 不是"变量的初始化"

 

• 如果一个变量​​没有进行初始化​​, 那么变量中存储的是什么呢?
• 在JavaScript中如果定义了一个变量, 但是没有进行初始化, 那么变量中存储的是​​undefined​​

 

var num;
console.log(num);

变量初始化多种形式

 

1. 先定义变量, 再对变量进行初始化

 

var num;
num = 321;// 先定义再初始化

 

2. 可以在定义变量的同时对变量进行初始化

 

var value = 666;// 定义的同时初始化

定义变量的其它格式

 

• 同时定义多个变量的格式
• ​​格式: var 变量名称1, 变量名称2, .... ;​​

 

var num;
var value;
var num, value;// 同时定义两个变量
var num, value, value2, value3;// 同时定义四个变量

初始化变量的其它格式

 

• 如果在企业开发中对多个变量初始化的值都是一样的, 那么我们可以通过
• ​​变量名称1 = 变量名称2 = 变量名称... = 初始化值;​​

 

var num;
var value;
// num = 123;
// value = 123;
num = value = 123;// 同时对num和value进行初始化,num和value中存储的数据都是123
console.log(num);
console.log(value);

 

• 定义多个变量的同时给多个变量分别初始化

 

// var num, value;
// num = 123;
// value = 666;
var num = 123, value = 666;
console.log(num);
console.log(value);

JavaScript变量注意点

 

• 注意点

• 在JavaScript中变量之间是可以相互赋值的
• 在JavaScript中如果定义了同名的变量, 那么后定义的变量会覆盖先定义的变量
• 在老版本的标准(ES6之前)JavaScript中可以先使用变量, 再定义变量, 并不会报错
• 由于JavaScript是一门​​解释型​​​的语言, 会边解析边执行, 浏览器在解析JavaScript代码之前还会进行一个操作​​预解析(预处理)​​

• 预解析(预处理)步骤:

• 将当前JavaScript代码中所有变量的定义和函数的定义会放到所有代码的最前面

 

var num;
var value;
num = 123;
value = num;// 将Num中的值拷贝一份给value
console.log(num);
console.log(value);
var num = 666;
// num = 888; // 如果num前面没有var,那么就是修改变量中存储的值
var num = 888;// 如果num前面有var, 那么就不是修改变量中存储的值, 而是重新定义一个新的变量
console.log(num);
console.log(num);
var num = 123;

 

• 预处理之后的代码

 

var num;
console.log(num);// undefined
num = 123;

JavaScript变量定义-ES6

 

• 为了解决老板标准的的两个注意点

1. 在JavaScript中如果定义了同名的变量, 那么后定义的变量会覆盖先定义的变量
2. 在老版本的标准(ES6之前)JavaScript中可以先使用变量, 再定义变量, 并不会报错

• 在​​ES6​​中就推出了一种新的定义变量的方式
• 格式:

• ES6之前:​​var 变量名称;​​
• ES6开始:​​let 变量名称;​​

 

 

• 定义一个变量

 

let num;

 

• 给变量初始化

 

num = 666;

 

• 取出存储的数据

 

console.log(num);

 

• 修改变量中存储的数据

 

num = 888;

 

• 取出存储的数据

 

console.log(num);
var num = 123;
var num = 888;
let num = 123;
let num = 888;// 会明确的报错
console.log(num);

ES6之前

console.log(num);
var num = 123;

ES6开始

let num = 123;
console.log(num);