什么是变量
●语法:、 var变量名=值
●白话:变量就是一一个装东西的盒子。
例子演示
飲料 50
打車 40
吃飯 180
看電影 150
計算消費比例
饮料 50 / (50+40+180+150)
打車 40 / (50+40+180+150)
吃飯 180 / (50+40+180+150)
看電影 150 / (50+40+180+150)
设 x = 50+40+180+150
計算消費比例
饮料 50 / x
打車 40 / x
吃飯 180 / x
看電影 150 / x
定义变量
var 变量名 = 值;
var num = 666; # 把666放到一个名字叫num的箱子里
var 定义变量的关键词
num 变量名
= 不是我们生活中的等号 赋值符号 也就是把右边的给到左边
666 值 放到箱子中的值
变量本质:变量是程序在内存中申请的一块用来存放数据的空间。类似我们酒店的
房间,一个房间就可以看做是一个变量。
变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储
的数据
也就是说,我们向内存中存储了一个数据,然后要给这个数据起一个名字,为
了是我们以后再次找到他
代码演示
<script>
var num = 888;
// 定义变量的其他方式
// 1 var 变量名; 只声明不赋值 准备一个空箱子什么也不放;
// 2 var 变量名 = 值; 声明并赋值 准备一个空箱子,把值放进去;
// 3 var 变量名1,变量名2,变量名3; 一次准备多个空箱子;
// 4 var 变量名1 = 值1,变量名2 = 值2,变量名3 = 值3;
// 准备多个空箱子,每个箱子都放一个值;
// 5 var 变量名1 = 值1,变量名2,变量名3 = 值3;
// 准备多个空箱子,第一个箱子放一个值,第二个箱子不放值,第三个箱子放一个值;
// 1
var num1;
console.log(num1); // undefined
// 只声明 不赋值 会输出undefined 空箱子什么也没有
// 2
var num2 = 666;
console.log(num2); // 666
// 3
var num3,num4,num5;
console.log(num3,num4,num5);
// undefined undefined undefined
// 4
var num6 = 666,num7 = 777,num8 = 888;
console.log(num6,num7,num8);
// 666 777 888
// 5
var num9 = 666,num10,num11 = 888;
console.log(num9,num10,num11);
// 666 undefined 888
// 批量声明变量的好处
var num1 = 1;
var num2 = 2;
var num3 = 3;
// 占了三行
var num1 = 1,num2 = 2,num3 = 3;
// 只占据了一行
// 变量 可变化的量
// 一个箱子里边只能有一个值
var num12 = 666; // 把666放到num12这个箱子里边
num12 = 777;
// 把777放到num12这个箱子里边 666被777覆盖了
// 最后num12这个箱子里边的值是777
// alert(值或者变量名);
//console.log(值或者变量名);
// document.write(值或者变量名);
// alert(num12); // 777
// alert(777); // 777
console.log(num12); // 777
</script>
规则以及规范
<script>
// 规则
// 必须遵守
// 1. 变量名只能是 字母a-zA-Z 数字0-9 下划线_ $(美元) 组成
// 2. 变量名不能以数字开头
// 3. 严格区分大小写
// 4. 不能是关键字(正在用的)和保留字(将来要用的)
var num = 100;
var NUM = 200;
console.log(num); // 100
// 规范
// 可以遵守 可以不遵守 最好遵守
// 1. 变量名尽量有意义 不能起名 aaa bbb ccc
// username user_age
// 2. 变量名尽量用小驼峰命名法或者 大驼峰
// 小驼峰 第一个单词首字母小写 后面每个单词首字母大写
// userName userAge
// 大驼峰 每个单词首字母大写
// UserName UserAge
// 3. 下划线命名法
// user_name user_age
// 4. 不能用中文
</script>
交换变量
代码演示
交换两个变量
<script>
// 生活中 交换两个瓶子中的水
// 引入第三个瓶子
// a 可乐 b 雪碧 c 空瓶子
// c = a; // c瓶子可乐 a 空了
// a = b; // a 瓶子雪碧 b 空了
// b = c; // b 瓶子可乐 c 空了
var name1 = '张三';
var name2 = '李四';
console.log('name1:',name1);
console.log('name2:',name2);
console.log('--------------');
var temp = name1; // 张三 name1空了
name1 = name2; // name1 李四 name2空了
name2 = temp; // name2 张三了 temp空了
console.log('name1:',name1);
console.log('name2:',name2);
</script>
注意事项
<script>
// var num1 = 100;
// num1 = num1+100;
// alert(num1);
// 交换两个变量的值 仅限数值
var num1 = 100;
var num2 = 200;
console.log('num1:',num1);
console.log('num2:',num2);
console.log('--------------');
num1 = num1+num2; // num1 300
// num2 还是200;
num2 = num1-num2; // num2 100
// num1 还是 300
num1 = num1 - num2; // num1 200
console.log('num1:',num1);
console.log('num2:',num2);
</script>