JavaScript变量

什么是变量

  • 白话:变量就是一个装东西的盒子
  • 通俗:变量是用于存放数据的容器。我们通过变量名获取数据,甚至修改数据。把数据想象成入住酒店的人员,变量就是酒单的房间,变量名就是酒单的房间号
  • 本质:变量是程序在内存中申请的一块用来存放数据的空间

变量的使用

1.声明变量

  • var是一个JS关键字,用来声明变量(variable变量的意思)。使用该关键字声明变量后,计算机或自动为变量分配内存空间,不需要程序员管
  • age 是程序员自定义的变量名,我们要通过变量名来访问内存中分配的空间

2.赋值

  • = 用来把右边的值赋给左边的变量空间中,此处代表赋值的意思,并不是等于
  • 变量值是程序员保存到变量空间里的值
    <script>
        //1.声明了一个age变量
        var age;

        //2.复制 把值存入这个变量中
        age = 18;

        //3.输入结果
        console.log(age);
    </script>

在这里插入图片描述

3.变量的初始化

  • 声明一个变量并赋值,我们称之为变量的初始化
  • 简言之,把1,2两步合并成一步
    <script>
        //变量的初始话
        var myname = '李四';
        console.log(myname)
    </script>

在这里插入图片描述

4.小案例

  • 1.弹出一个输入框,提示用户输入姓名
  • 2.弹出一个对话框,输出用户刚才的姓名
    <script> 
        //1.用户输入姓名 存储到一个myname的变量里面 
        var myname = prompt('请输入姓名');
        //2.输出这个用户名
        alert(myname);
    </script>

5.更新变量

  • 一个变量被重新赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准
    <script> 
        //更新变量
        var myname = '李四';
        console.log(myname);
        myname = '张三';
        console.log(myname);
    </script>

在这里插入图片描述

6.声明多个变量

  • 同时声明多个变量时,只需要写一个var,多个变量名之间使用英文逗号隔开
    <script> 
        var myname = '李四', age = 18, sex = '男'
    </script>

7.声明变量特殊情况

  • 只声明,不赋值,结果为undefined
  • 不声明,不赋值,直接使用,结果报错
  • 不声明,只赋值,结果可以运行,但是不推荐使用
    <script> 
        //只声明不赋值,结果为undefined 未定义的
        var myname;
        console.log(myname);//undefined
    </script>

在这里插入图片描述

    <script> 
    //不声明 不赋值 直接使用某个变量会报错
    console.log(age);
    </script>

在这里插入图片描述

    <script> 
        //不声明直接赋值使用
        age = 10;
        console.log(age);
    </script>

在这里插入图片描述

变量命名规范

  • 由字母(A-Z,a-z)、数字(0-9)、下划线(_)、美元符号( $ )组成,如:usrAge, num01, _name
  • 严格区分大小写。var app; 和 var App; 是两个变量
  • 不能以数字开头。 18age 是错误的
  • 不能是关键字、保留字。例如:var、for、while
  • 变量名必须有意义,增加可读性
  • 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。 myFirstName
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值