1.变量的概述
- 变量就是用于存放数据的容器,我们通过变量名获取数据,甚至数据可以修改。简单来说,变量就是一个装东西的盒子。
- 变量的本质:变量是程序在内存中申请的一块用来存放数据的空间。
简单理解,内存可以看做是一个宿舍楼,变量就是一个一个宿舍。
想要住进宿舍楼,首先要申请住宿,
然后找相对应的宿舍号才能找到自己的宿舍,所以就要给变量起一个名字。
2.变量的使用
【步骤】
- 声明变量
- 赋值
<script>
//1.声明变量:声明一个名称为age的变量,此时变量为空
var age;
//2.赋值:把值传入变量中,=含义为赋值
age=10;
//3.输出结果
console.log(age);
</script>
【运行效果】
3.变量的初始化
- 声明一个变量并赋值,称为变量的初始化
<script>
//变量的初始化
var myname='小红'
var age=10;
console.log(myname)
console.log(age)
</script>
【运行效果】
4.【案例一】变量的使用
- 要求:输出小明的姓名,地址,年龄,邮箱和工资。
<script>
var myname='小明'
var address='草帽村'
var age='20'
var email='xiaoming@itcast.com'
var gz=1000
console.log(myname)
console.log(address)
console.log(age)
console.log(email)
console.log(gz)
</script>
【运行结果】
5.【案例二】变量的使用
【要求】
- 弹出一个输入框,提示用户输入姓名
- 弹出一个对话框,输出用户刚才输入的姓名
<script>
//1.用户输入姓名,存储到一个myname的变量里面
var myname=prompt('请输入你的姓名')
//2.输出这个用户名
alert(myname)
</script>
【运行结果】
6.变量语法扩展---更新变量
<script>
var myname='小明'
myname='lulu'
console.log(myname)
</script>
【运行结果】
7.变量语法扩展---同时声明多个变量
<script>
/* var myname='小明'
var address='草帽村'
var age='20'
console.log(myname)
console.log(address)
console.log(age)
*/
var myname='小明',address='草帽村',age=20
//console.log(myname,address,age)
console.log(myname)
console.log(address)
console.log(age)
</script>
【 运行结果】
注意:
1.只需要写一个var
2.多个变量名之间用英文逗号隔开
8.变量语法扩展---声明变量特殊情况
9.变量的命名规范
- 由字母(A-Z,a-z),数字(0-9),下划线(_),美元符号($)组成
- 严格区分大小写。var app与var APP是两个变量
- 不能以数字开头
- 不能是关键字,保留字
- 变量名必须有意义
- 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。myFirstName
- name虽然不是关键字和保留字,但是尽量不要使用,name在一些浏览器中有特殊含义。
10.交换两个变量值
【代码】
<script>
var temp;//声明一个临时变量为空
var apple1='青苹果'
var apple2='红苹果'
temp=apple1;//把右边给左边
apple1=apple2;
apple2=temp;
console.log(apple1);
console.log(apple2);
</script>
【运行结果】