JS变量

一.变量的概述

1.什么是变量

  • 变量是用于存放数据的容器,通过变量名来获取数据,甚至还可以修改数据 通俗一点就是变量就是一个装东西的盒子。
  • 变量就是为’值’取名,然后应用这个变量等同于引用这个值

2.变量在内存中的存储

  • 变量是在程序内存中申请的一块用来存放数据的空间。

二.变量的使用

1.变量使用分俩步

  • 声明变量
  • 赋值
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var age(可自定义名字); // 1.声明了一个age的变量
        //var 是一个JS关键字用来表示声明变量
        age = 浩哥; // 2.赋值 把值存入这个变量中
        //age是我们自己定义的程序名
        //=号用来把右边值赋给左边的变量空间中代表赋值的意思
        var age = '浩哥'; //3.声明一个变量并赋值 称为变量的初始化
        // 输出结果
        console.log(age);
    </script>
</head>
<body>
</body>
</html>

三.变量语法扩展

1.更新变量

  • 一个变量被重新赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准。
    <script>
        // 1.跟新变量
        var myname = '浩哥';
        myname = '是浩哥啊';
        console.log(myname); //现在变量输出的结果是:是浩哥啊!!!
    </script>

2.同时声明多个变量

  • 同时声明多个变量时候 ,只需要写一个var ,多个变量之间用英文逗号隔开
        // 2.声明多个变量
        var age = 20,
            addess = '重庆市',
            gz = 4000;

3.声明变量的特殊情况

  • 1.只声明,不赋值
    // 3.1只声明不赋值? 
     var sex;
     console.log(sex); //返回的是undefined(未定义的)因为程序也不知道里面存的啥东东!!!
  • 2.不声明,不赋值,直接使用
        // 3.2不声明 不赋值?
        console.log(tel); //直接使用是会报错的
  • 3.不声明,直接赋值
        // 3.3不声明直接赋值?
        hh = 10;
        console.log(hh); //正常显示 返回结果为10

四.变量命名规范

  • 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成,如:usrAge, num01, _name
  • 严格区分大小写。var app; 和 var App; 是两个变量
  • 不能 以数字开头。 18age 是错误的
  • 不能 是关键字、保留字。例如:var、for、while
  • 变量名必须有意义。 MMD BBD nl → age
  • 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。 myFirstName
  • 注意name也不能作为命名 它输入显示的是空值。

五.变量小结问答

1.为什么需要变量?

  • 因为我们一些数据需要保存,所有需要变量

2.变量是什么?

  • 变量就是一个容器,用来存放数据的。方便以后我们使用数据

3.变量的本质是什么?

  • 变量就是在内存里的一块空间,用来存放数据

4.变量怎么使用?

  • 先声明 后赋值

5.什么是变量的初始化

  • 声明变量并赋值我们称为变量的初始化

6.变量命名规范有哪些

  • 变量名要有意义,注意大小写等等

六.变量案例

1.要求:交换两个变量的值

    <script>
        // 要求交换俩个变量的值  (实现思路:使用一个临时变量用来存储中间值 先怎么做后怎么做)
        // 1.先需要一个临时空的变量
        // 2.把apple1给空的临时变量 此时apple1里面就是空值了 临时变量里面现在存的就是apple1了
        // 3.然后把apple2给apple1 apple1里面现在存的是apple2的值了
        // 4.在把临时变量里面存的值给apple2就ok啦。
        var temp = '';
        var apple1 = '青苹果';
        var apple2 = '红苹果';

        temp = apple1; //把右边给左边 赋值的意思 
        apple1 = apple2;
        apple2 = temp;
        console.log(apple1); //红苹果
        console.log(apple2); //青苹果
    </script>

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值