JavaScript变量


学习目标

 变量概述
 变量的使用
 变量语法扩展
 变量命名规范
 交换变量案例

1. 变量概述

1.1 什么是变量

1.2 变量在内存中的存储

2. 变量的使用

变量在使用时分为两步: 1. 声明变量 2. 赋值

1. 声明变

2. 赋值

3. 变量的初始化

案例:变量的使用

有个叫卡卡西的人在旅店登记的时候前台让他填一张表,这张表里的内容要存到电脑上,表中的内容有:姓名、年龄、邮箱、家庭住址和工资,存储之后需要把这些信息显示出来,所显示的内容如下:我叫旗木卡卡西,我住在火影村,我今年30岁了,我的邮箱是 kakaxi@itcast.cn,我的工资2000

3.变量语法扩展

1. 更新变量

2. 同时声明多个变量

3. 声明变量特殊情况

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // 1. 更新变量
        var myname = 'pink老师';
        console.log(myname);
        myname = '迪丽热巴';
    
        console.log(myname);
        // 2. 声明多个变量
        // var age = 18;
        // var address = '火影村';
        // var gz = 2000;
        var age = 18,
            address = '火影村',
            gz = 2000;
        // 3. 声明变量的特殊情况
        // 3.1 只声明不赋值 结果是?  程序也不知道里面存的是啥 所以结果是 undefined  未定义的
        var sex;
        console.log(sex); // undefined

        // 3.2  不声明 不赋值 直接使用某个变量会报错滴,报错了之后,就不会向下执行了,这是解释型的特性
        // 报错入下:Uncaught ReferenceError: tel is not defined
        // console.log(tel);

        // 3.3 不声明直接赋值使用
        qq = 110;
        console.log(qq);
    </script>
</head>

<body>

</body>

</html>

4.变量命名规范

驼峰命名法

 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成,如:usrAge, num01, _name
 严格区分大小写。var app; 和 var App; 是两个变量
 不能 以数字开头。 18age 是错误的
 不能 是关键字、保留字。例如:var、for、while
 变量名必须有意义。 MMD BBD nl → age 
 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。 myFirstName
 推荐翻译网站: 有道 爱词霸

案例:课堂练习

要求:交换两个变量的值 ( 实现思路:使用一个 临时变量 用来做中间存储 )

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // js 是编程语言有很强的逻辑性在里面: 实现这个要求的思路 先怎么做后怎么做 
        // 1. 我们需要一个临时变量帮我们
        // 2. 把apple1 给我们的临时变量 temp 
        // 3. 把apple2 里面的苹果给 apple1 
        // 4. 把临时变量里面的值 给 apple2 
        var temp; // 声明了一个临时变量为空
        var apple1 = '青苹果';
        var apple2 = '红苹果';
        temp = apple1; // 把右边给左边
        apple1 = apple2;
        apple2 = temp;
        console.log(apple1);
        console.log(apple2);
    </script>
</head>

<body>

</body>

</html>

版权声明:本文为atao-BigData原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/atao-BigData/p/17019677.html