一.变量的概述
1.什么是变量
- 变量是用于存放数据的容器,通过变量名来获取数据,甚至还可以修改数据 通俗一点就是变量就是一个装东西的盒子。
- 变量就是为’值’取名,然后应用这个变量等同于引用这个值
2.变量在内存中的存储
- 变量是在程序内存中申请的一块用来存放数据的空间。
二.变量的使用
1.变量使用分俩步
- 声明变量
- 赋值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
var age(可自定义名字); // 1.声明了一个age的变量
//var 是一个JS关键字用来表示声明变量
age = 浩哥; // 2.赋值 把值存入这个变量中
//age是我们自己定义的程序名
//=号用来把右边值赋给左边的变量空间中代表赋值的意思
var age = '浩哥'; //3.声明一个变量并赋值 称为变量的初始化
// 输出结果
console.log(age);
</script>
</head>
<body>
</body>
</html>
三.变量语法扩展
1.更新变量
- 一个变量被重新赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准。
<script>
// 1.跟新变量
var myname = '浩哥';
myname = '是浩哥啊';
console.log(myname); //现在变量输出的结果是:是浩哥啊!!!
</script>
2.同时声明多个变量
- 同时声明多个变量时候 ,只需要写一个var ,多个变量之间用英文逗号隔开。
// 2.声明多个变量
var age = 20,
addess = '重庆市',
gz = 4000;
3.声明变量的特殊情况
- 1.只声明,不赋值
// 3.1只声明不赋值?
var sex;
console.log(sex); //返回的是undefined(未定义的)因为程序也不知道里面存的啥东东!!!
- 2.不声明,不赋值,直接使用
// 3.2不声明 不赋值?
console.log(tel); //直接使用是会报错的
- 3.不声明,直接赋值
// 3.3不声明直接赋值?
hh = 10;
console.log(hh); //正常显示 返回结果为10
四.变量命名规范
- 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成,如:usrAge, num01, _name
- 严格区分大小写。var app; 和 var App; 是两个变量
- 不能 以数字开头。 18age 是错误的
- 不能 是关键字、保留字。例如:var、for、while
- 变量名必须有意义。 MMD BBD nl → age
- 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。 myFirstName
- 注意name也不能作为命名 它输入显示的是空值。
五.变量小结问答
1.为什么需要变量?
- 因为我们一些数据需要保存,所有需要变量
2.变量是什么?
- 变量就是一个容器,用来存放数据的。方便以后我们使用数据
3.变量的本质是什么?
- 变量就是在内存里的一块空间,用来存放数据
4.变量怎么使用?
- 先声明 后赋值
5.什么是变量的初始化
- 声明变量并赋值我们称为变量的初始化
6.变量命名规范有哪些
- 变量名要有意义,注意大小写等等
六.变量案例
1.要求:交换两个变量的值
<script>
// 要求交换俩个变量的值 (实现思路:使用一个临时变量用来存储中间值 先怎么做后怎么做)
// 1.先需要一个临时空的变量
// 2.把apple1给空的临时变量 此时apple1里面就是空值了 临时变量里面现在存的就是apple1了
// 3.然后把apple2给apple1 apple1里面现在存的是apple2的值了
// 4.在把临时变量里面存的值给apple2就ok啦。
var temp = '';
var apple1 = '青苹果';
var apple2 = '红苹果';
temp = apple1; //把右边给左边 赋值的意思
apple1 = apple2;
apple2 = temp;
console.log(apple1); //红苹果
console.log(apple2); //青苹果
</script>