22 JS变量和常量

22.1 变量的定义、声明和赋值

定义

通俗：变量是用于存放数据的容器。 晦涩：变量是程序在内存中申请的一块用来存放数据的空间。

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

22.1.1 声明变量

  • 声明变量有两部分构成：声明关键字、变量名（标识）
  • let 即关键字 (let: 允许、许可、让、要)，所谓关键字是系统提供的专门用来声明（定义）变量的词语
<body>
    <script>
        // 声明了一个age变量
        let age;
        // var age; 现在不推荐var声明了
    </script>
</body>

22.1.2 变量赋值

<body>
    <script>
        // 赋值，把值存入变量中
        age = 10
    </script>
</body>

22.1.3 变量初始化

我们可以一步完成变量的声明和赋值，被称为变量的初始化。

<body>
    <script>
        // 变量的初始化
        let my_name = 'pink老师';
        console.log(my_name);
    </script>
</body>

案例1：变量的使用

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

详见：示例

案例2：变量的使用

1.弹出一个输入框，提示用户输入姓名。 2.弹出一个对话框，输出用户刚才输入的姓名。

详见：示例

22.2 变量语法扩展

包括：更新变量、同时声明多个变量、声明变量特殊情况

22.2.1 更新变量

一个变量被重新复赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准。

<body>
    <script>
        let age = 18;
        age = 81 //最后的age为81
    </script>
</body>

22.2.2 同时声明多个变量

联系CSS可以同时创建多个属性。JS也同时声明多个变量。

同时声明多个变量时，只需要写一个 var， 多个变量名之间使用英文逗号隔开。

<body>
    <script>
        let age = 10, name = 'LLL', sex =‘男
    </script>
</body>

22.2.3 声明变量特殊情况

表4.1: JS声明变量特殊情况
情况 说明 结果
var age ; console.log (age); 只声明 不赋值 undefined
console.log(age) 不声明 不赋值 直接使用 报错
age = 10; console.log (age); 不声明 只赋值 10

详见：示例

22.3 变量的命名规范

  • 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成，如：usrAge, num01, _name
  • 严格区分大小写。var app; 和 var App; 是两个变量
  • 不能 以数字开头。 18age 是错误的
  • 不能是关键字、保留字。挖个坑，后面会补上是啥意思。
  • 遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。 myName

在R和Python中，变量一般使用下划线命名法：如：my_name。

案例：交换两个变量值

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

详见：示例

22.4 常量

  • 当某个变量永远不会改变的时候，就可以使用 const 来声明，而不是let。
  • 常量不允许重新赋值,声明的时候必须赋值（初始化）
const G = 9.8
//输出常量
console.log(G)