小白学js第二天

时间：2019-05-08 10:09:22 阅读：143 评论：0 收藏：0 [点我收藏+]

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

小白学js第二天

原文：https://www.cnblogs.com/1020-jj/p/10830064.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)

小白学js第二天

目录

1 什么是变量

1.1 什么是变量

1.2 为什么要使用变量

2 变量的使用

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

2.2 注释

2.2.1 html中的注释

2.2.1 javascript中的注释

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

2.3.1 声明一个变量

2.3.2 给已声明的变量赋值

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

2.3.4 声明多个变量

2.3.4.1 变量一个一个声明

2.3.4.2 同时声明多个变量

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

2.3.6 输出变量的值

2.3.6.1 alert

2.3.6.2 console.log（推荐使用）

2.3.7 输出多个变量

2.3.7.1 一个一个输出

2.3.7.1 同时输出

3 变量的命名规则和规范

3.1 规则

3.2 规范

4 案例

4.1 交换两个变量的值

4.1.1 使用临时变量的方法

4.2.2 不使用临时变量的方法