五、JavaScript学习笔记---变量

1.变量的概述

•   变量就是用于存放数据的容器，我们通过变量名获取数据，甚至数据可以修改。简单来说，变量就是一个装东西的盒子。
•  变量的本质：变量是程序在内存中申请的一块用来存放数据的空间。

简单理解，内存可以看做是一个宿舍楼，变量就是一个一个宿舍。

想要住进宿舍楼，首先要申请住宿，
然后找相对应的宿舍号才能找到自己的宿舍，所以就要给变量起一个名字。

2.变量的使用 

【步骤】 

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.【案例二】变量的使用

【要求】 

1.   弹出一个输入框，提示用户输入姓名
2.  弹出一个对话框，输出用户刚才输入的姓名

 

<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>

【运行结果】