1. 什么是变量

  1. 变量是用于存放数据的容器。我们通过变量名获取数据,甚至数据可以修改。
    2. 变量是程序在内存中申请的一块用来存放数据的空间
    3. 类似我们酒店的房间,一个房间就可以看做是一个变量
    4. 通过变量名找到空间,类似通过房间号找到房间

    2. 变量的使用

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

    2.1 声明变量

    var(variable)是一个JS关键字,用来声明变量。使用该关键字声明变量后,计算机会自动为变量分配内存空间。
    1. //声明变量
    2. var age; // 声明一个名称为age的变量

    2.2 赋值

    ```javascript 1.声明了一个age的变量 var age;
  2. 赋值 把值存入变量中 = 用来把右边的值赋给左边的变量空间中 变量值是程序员保存到变量空间里的值 age = 10; // 给age赋值为10 // 3. 输出结果 console.log(age);
    1. <a name="AoTmI"></a>
    2. ## 2.3 变量的初始化
    3. 变量的初始化:声明一个变量并赋值
    4. ```javascript
    5. var myname = 'pink';
    6. console.log(myname);

    2.4 案例

    案例一

    有个叫卡卡西的人在旅店登记的时候前台让他填一张表,这张表里的内容要存到电脑上,表中的内容有:姓名、年龄、邮箱、加提昂住址和工资,存储之后需要把这些信息显示出来,所显示的内容如下:
    我叫旗木卡卡西,我住在火影村,我今年30岁了,我的邮箱是kakaxi@itcast.cn,我的工资2000
    1. name = '旗木卡卡西'
    2. address = '火影村';
    3. age = 30;
    4. email = 'kakaxi@itcast.cn';
    5. salary = '2000'
    6. console.log('我叫' + name + ',我住在' + address + '我今年' + age + ',我的邮箱是' + email +',我的工资' + salary);

    案例二

  3. 弹出一个输入框,提示用户输入姓名
    2. 弹出一个对话框,输出用户刚才输入的姓名
    1. var myname = prompt("请输入您的名字:");
    2. alert(myname);

    3. 变量语法扩展

    3.1 更新变量

    一个变量被重新赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准
    1. var age = 18;
    2. age = 81; // 最后的结果就是18被81覆盖

    3.2 声明多个变量

    同时声明多个变量时,只需要写一个var,多个变量名之间用逗号隔开
    1. var age = 18,
    2. address = '北京',
    3. salary = '2000';

    3.3 声明变量特殊情况

    3.3.1 只声明不赋值 结果 undefined

    1. var age;
    2. console.log(age); // undefined

    3.3.2 不声明 不赋值 直接使用 结果 报错

    1. console.log(age); // 报错:age is not defined

    3.3.3 不声明 只赋值 结果 输出结果

    1. age = 10;
    2. console.log(age); // 10

    4. 变量命名规范

    由字母、数字、下划线、美元符号组成,如usrAge,num01,_name
    严格区分大小写。var app; 和 var App; 是两个变量
    不能以数字开头 18age 是错误的
    不能是关键字、保留字。例如:var,for,while
    变量名必须有意义
    遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。 myFirstName

    5. 案例:交换两个变量的值

    交换两个变量的值(实现思路:使用一个临时变量用来做中间存储)
    1. 声明一个临时变量temp为空
    2. 把apple1给我们的临时变量temp
    3. 把apple2里面的值给apple1
    4. 把临时变量里面的值给apple2
    1. var temp;
    2. var apple1 = '青苹果';
    3. var apple2 = '红苹果';
    4. temp = apple1;
    5. apple1 = apple2;
    6. apple2 = temp;
    7. console.log(apple1);
    8. console.log(apple2);