第四章 JS的变量

一、变量概述
- 1．什么是变量
- 2．变量在内存中的存储
二、变量的使用
三、变量语法扩展
四、变量命名规范

一、变量概述

1．什么是变量

白话：变量就是一个装东西的盒子。
通俗：变量是用于存放数据的容器。我们通过变量名获取数据，甚至数据可以修改。

2．变量在内存中的存储

本质：变量是程序在内存中申请的一块用来存放数据的空间。
类似我们酒店的房间，一个房间就可以看作是一个变量。

二、变量的使用

变量在使用时分两步：

1．声明变量

关键字：var
Var age; // 声明一个名称为age 的变量。

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

2．赋值
age = 10; // 给age 这个变量赋值为10
= 等于号，用来把右边的值赋给左边的变量空间中此处代表赋值的意思。

变量值是程序员保存到变量空间里的值。

<script>
   // 1.声明一个 age 的变量
   var age;
   // 2.赋值 把值存入这个变量中
   age = 10;
   //3.输出结果 
   console.log(age)
</script>

3．变量的初始化

声明一个变量并赋值，我们称之为变量的初始化。
Var name = ‘程序员’; // 声明变量同时赋值为程序员。

<script>
//4.变量的初始化
 var name = '程序员'
 console.log(name)
</script>

4.实用案例——变量的使用

案例1：变量的使用

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

<script>
   var myname = '旗木卡卡西';
   var address = '火影村';
   var age = 30;
   var email = 'kakaxi@itcast.cn';
   var gz = 2000;
   console.log(myname)
   console.log(address)
   console.log(age)
   console.log(email)
   console.log(gz)
</script>

案例2：变量的使用

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

<script>
   // 1.用户输入姓名 存储到一个 myname 的变量里面
   var myname = prompt('请输入到您的名字')
   // 2.输出这个用户名
   alert(myname)
</script>

三、变量语法扩展

1．更新变量

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

<script>
//  1．更新变量
var myname='刘德华';
console.log(myname);
var myname='迪丽热巴';
console.log(myname);
</script>

2．声明多个变量

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

<script>
 //  2．声明多个变量
 var myname = '旗木卡卡西',
   address = '火影村',
   age = 30,
   email = 'kakaxi@itcast.cn',
   gz = 2000;
console.log(myname);
console.log(address);
console.log(age);
console.log(email);
console.log(gz);     
</script>

3．声明变量的特殊情况

只声明不赋值

结果程序也不知道里面存储了什么，所以反馈的结果是undefined (未定义的)

 <script>
    var a;
    console.log(a);
  </script>

不声明不赋值，直接使用变量会报错

<script>
  // 3.2 不声明 不赋值 直接报错
  console(tel);
</script>

不声明直接赋值，可以使用但不推荐。
```
<script>
  // 3.3 不声明 直接赋值 可以使用，但不推荐
  qq = 110;
  console.log(qq)
</script>
```
四、变量命名规范

1．由字母(A-Za-z)、数字(0-9)、下划线（）、美元符号($)组成，如：usrAge,num01,name
```javascript //正确的语法

//错误语法，会直接报错

错误语法，会直接报错<br />![image.png](https://cdn.nlark.com/yuque/0/2022/png/22994792/1656991214947-d339ec6f-3511-41f1-81dc-6f32247da4c4.png#clientId=u043b512f-3e35-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=156&id=u5cdd19d8&margin=%5Bobject%20Object%5D&name=image.png&originHeight=156&originWidth=689&originalType=binary&ratio=1&rotation=0&showTitle=false&size=49129&status=done&style=none&taskId=u44d5c2fd-ca1d-4c4c-9e9c-03e3e705c19&title=&width=689)
<a name="LVxqh"></a>
### 2．**严格区分大小写。var app;和var App;是两个变量**
```javascript
<script>
    var app = 10;
    var APP = 100;
    console.log(app)
    console.log(APP)
</script>

3．不能以数字开头

//数字开头会报错
<script>
    var 123abc；
</script>

4．不能是关键字、保留字。例如：var、for、while

 <script>
    var var=100；
 </script>

5．变量语义化——尽量使用一个有意义的单词

6．遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。

<script>
    var useremail  (建议写成userEmail)
    var getgoodslist  (建议写成getGoodsList)
</script>

7.注意（建议遵守的事项）

(1).不要用中文命名（虽然可以用，但不推荐用）
*例：（虽然不会报错，不建议使用中文）

<script>
    var中国='good'
    console.log(中国) 
</script>

(2).尽量不要使用 name 作为变量名（因为有些浏览器默认这个name有是特殊含义的，所以虽然可以用，但尽量不要用）

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