03 变量

1、变量概述

1.1 什么是变量

白话：就是一个装东西的盒子。

通俗：变量是用于存放数据的容器。我们通过变量名获取数据，甚至数据可以修改。

1.2 变量在内存中的存储

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

• 变量类似于酒店的房间，一个房间就可以看作是一个变量。

2、变量的使用

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

1、声明变量和赋值

//声明变量
var age; //声明一个名称为age的变量

• var (variable)可变的，是一个JS关键字，使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管。

• age是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间。

    <script>
        // 1、声明了一个age的变量
        var age;
        // 2、把值存到变量中去
        age = 18;
        // 3、输出结果
        console.log(age);
    </script>

2、变量的初始化

var age = 18; //声明变量同时赋值为18

声明一个变量并赋值，我们称之为变量的初始化。

        // 4、变量的初始化
        var myName = '吱昂张'
        console.log(myName);

• 变量案例 弹出用户名

    <script>
        // 1、用户输入姓名 存储到myname变量里面
        var myname = prompt('请输入您的名字');
        // 2、输入用户名
        alert(myname + '，欢迎您！');
    </script>

3、变量的语法扩展

3.1 更新变量

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

3.2 同时声明多个变量

    <script>
        // 声明多个变量
        var age = 10,
            address = '火影村',
            salary = 2000;
    </script>

​

3.3 声明变量的特殊情况

情况	结果
只声明，不赋值 var sex;	undefined
不声明，不赋值，直接用 console.log(tel);	报错
不声明，只赋值 qq = 8739756;	正常（但不推荐），是全局变量，难控制

4、变量的命名规范

• 由字母、数字、下划线、美元符号组成，如：userAge，num01，_name

• 严格区分大小写

• 不能以数字开头

• 不能是关键字、保留字。如：var、for、while

• 变量名必须有意义 比如年龄不要用nl——用age，推荐翻译网站：有道、爱词霸

• 遵守驼峰命名法 myFirstName

• 尽量不要用name作为变量名，因为有些浏览器name是有特殊含义的

5、交换变量案例

    <script>
        var greenApple = '青苹果',
            redApple = '红苹果',
            temp;
        temp = greenApple;
        greenApple = redApple;
        redApple = temp;
        console.log(greenApple + '：我原来是青苹果；')
        console.log(redApple + '：我原来是红苹果；')
    </script>