变量及交换变量

什么是变量

●语法:、 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>