文章目录

  • 一、什么是变量
  • 二、变量的使用
  • 三、变量实例
  • 1、案例一
  • 2、案例二
  • 四、变量语法扩展
  • 1、更新变量
  • 2、声明多个变量
  • 3、声明变量的特殊情况
  • 四、变量的命名规范
  • 五、变量实例


一、什么是变量

用于存放数据的容器

本质：程序在内存申请的一块用来存放数据的空间

二、变量的使用

两步：声明变量---->赋值

//声明变量 在声明完之后计算机就会自动分配变量内存空间
//var:js的一个关键字用来声明变量
//name:变量名称
var name;//声明一个名为age的变量
name = admin;//给变量赋予一个名为admin的值

//变量初始化
var name1='是发财不是旺财';

三、变量实例

1、案例一

var name ='是发财不是旺财';
       var address ='长沙';
       var age = 21;
       var email = '122xxxxxxx@qq.com';
       var salary = 5000;
       console.log(name)
       console.log(address)
       console.log(age)
       console.log(email)
       console.log(salary)

    //   是发财不是旺财
    //   长沙
    //   21
    //   122xxxxxxx@qq.com
    //   5000

2、案例二

// 给定一个输入框 输入姓名 存储到name的变量当中
        var name =prompt('请输入你的名字');
        // 输出名字
        alert(name)

四、变量语法扩展

1、更新变量

// 输入姓名 存储到name的变量当中
        var name = '是旺财';
        // 输出名字
        console.log(name)
        name = '是发财不是旺财'
        console.log(name)

        // 是旺财
        // 是发财不是旺财

2、声明多个变量

// 声明多个变量
        var age= 21,
            address = '长沙',
            salary = '5000'
        console.log('年龄是：'+age+'地址是：'+address+'工资是：'+salary)
        
        // 年龄是：21地址是：长沙工资是：5000

3、声明变量的特殊情况

// 1.只声明不赋值
        var sex;
        console.log(sex)

        //undefined

//2.不声明不赋值
        console.log(age)

        //ReferenceError: age is not defined (没有定义年龄)

//3.不声明直接赋值
        address = 10
        console.log(address)

        //10

四、变量的命名规范


1.由字母(A-Za-z)、数字(O-9)、下划线(_)、美元符号($ )组成，如: usrAge, num01,_name

2.严格区分大小写。var app;和var App;是两个变量

3.不能以数字开头。18age是错误的

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

5.变量名必须有意义。MMD BBDnl →age

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

7.推荐翻译网站:有道爱词霸

五、变量实例

变量交换

// 1.需要一个临时变量temp
        // 2.将1的值传给temp
        // 3.将2的值传给1
        // 4.将temp的值传给2
        var temp;
        var app1 = '这是1';
        var app2 = '这是2';
        console.log(app1)
        console.log(app2)
        temp = app1;
        app1 = app2;
        app2 = temp;
        console.log(app1)
        console.log(app2)

        // 这是1
        // 这是2
        // 这是2
        // 这是1