小白学js第二天

1 什么是变量

1.1 什么是变量

变量是计算机中存储数据的标识符，根据变量名可以获取存储在内存中的数据

1.2 为什么要使用变量

使变量可以更方便的对计算机内存中的数据进行获取和修改

2 变量的使用

2.1 javascript的书写位置（复习，具体见上篇blog）

行内
内嵌
外链

2.2 注释

2.2.1 html中的注释

<--！html的注释-->

<body>
    <!-- html中的注释 -->
</body>

2.2.1 javascript中的注释

// js的注释

    <script>
        //js 的注释
    </script>

2.3 变量的声明、赋值及输出

2.3.1 声明一个变量

var 变量名；

//声明一个变量
        var num1;

2.3.2 给已声明的变量赋值

变量名（已声明）= 值；

        //声明一个变量
        var num1;
        //给声明过的变量赋值
        num1 = 1;

2.3.3 声明变量的同时给变量赋值

var 变量名 = 值；

    
        //声明的同时赋值
        var num1 = 1;

2.3.1 + 2.3.2 = 2.3.3

2.3.4 声明多个变量

2.3.4.1 变量一个一个声明

var 变量名1；var 变量名2；var 变量名3；...

// 声明多个变量
        // 一个个分开声明
        var num1;
        var num2;
        var num3;

2.3.4.2 同时声明多个变量

var 变量名1，变量名2，变量名3；...

    // 同时声明多个变量
        var num1, num2, num3;

2.3.5 声明多个变量并且同时给它赋值

var 变量名1= 值1，变量名2= 值2，变量名3= 值3, ...；

       // 同时声明多个变量并且给它们赋值
        var num1 = 1, num2 = 2, num3 = 3;

2.3.6 输出变量的值

2.3.6.1 alert

alert（变量名）；
在在网页顶部弹出

        var num1;
        //给声明过的变量赋值
        num1 = 1;
        //输出变量num1的值
        alert(num1);

2.3.6.2 console.log（推荐使用）

console.log（变量名）；
在控制台输出（跳转到浏览器的页面后，按F12，找到console）

        //声明一个变量
        var num1;
        //给声明过的变量赋值
        num1 = 1;
        //输出变量num1的值
        console.log(num1);

2.3.7 输出多个变量

2.3.7.1 一个一个输出

console.log(变量名1)； console.log(变量名2)； console.log(变量名3)；

      // 同时声明多个变量并且给它们赋值
        var num1 = 1, num2 = 2, num3 = 3;
        //一个个分开输出
        console.log(num1);
        console.log(num2);
        console.log(num3);

2.3.7.1 同时输出

console.log(变量名1，变量名2，变量名3， .....)；

// 同时声明多个变量并且给它们赋值
        var num1 = 1, num2 = 2, num3 = 3;
        //同时输出
        console.log(num1, num2, num3);

3 变量的命名规则和规范

3.1 规则

必须准守，不遵守否则会报错

由数字、字母、下划线（_）和$组成，且不能以数字开头
不能是关键字或者保留字，例如 while、for、var等
区分大小写，例如：username 和 userName是完全不一样的两个变量

3.2 规范

推荐准守，不遵守也不会报错

变量名最好起的有意义（最好做到见名知意），如声明一个年龄变量时，使用age做变量名
使用驼峰命名法。第一个单词的的首字母小写，接下来的每个单词的首字母都大写，例如 userName，userPassword

4 案例

4.1 交换两个变量的值

4.1.1 使用临时变量的方法

// 使用临时变量交换两个变量的值
        var num1 = 1;   //声明一个变量 num1 并赋值为1
        var num2 = 2;   //声明一个变量 num2 并赋值为2
        var tmpt;       //声明一个临时变量为tmpt
        tmpt = num1;    //把num1的值赋给tmpt，这时 tmpt = 1； 
        num1 = num2;    //把num2的值赋给num1，这时 num1 = 2； 
        num2 = tmpt;    //把tmpt的值赋给num2，这时 num2 = 1；
        console.log(num1, num2);

4.2.2 不使用临时变量的方法

// 不使用临时变量交换两个变量的值
        var num1 = 1;   //声明一个变量 num1 并赋值为1
        var num2 = 2;   //声明一个变量 num2 并赋值为2
        num1 = num1 + num2; //num1 = 1 + 2 ,所以这时 num1 = 3；
        num2 = num1 - num2; //由上行代码可知，此时num1的值为3，所以num2 = 3 - 2 ,所以这时 num2 = 1；
        num1 = num1 - num2; //由上行代码可知，此时num1的值不变还是3 且num2的值变为1，所以num1 = 3 - 1 ,所以这时 num1 = 2；
        console.log(num1, num2);//输出结果
        //使用这种方法的原因是数值可计算

Bye for now. ☺

目录