变量概述

什么是变量

变量：用于存放数据的容器。我们通过变量名获取数据、修改数据。

变量在内存中的存储

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

变量的使用

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

1.声明变量

1
2
// 声明变量
var age; // 声明一个名称为age的变量
  • var是一个JS关键字，用来声明变量（variable：变量）。使用该关键字声明变量后，计算机会自动为变量分配内存空间。
  • age是定义的变量名，我们要通过变量名来访问内存中分配的空间。

2.赋值

1
age = 18; // 将age变量赋值为18
  • =用来把右边的值赋给左边的变量空间中，此处代表赋值的意思
  • 变量值是变量空间里的值

3.变量的初始化

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

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

案例一

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

我叫旗木卡卡西，我住在火影村，我今年30岁了，我的电话是12345，我的工资是2000/天

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
    var myname = '旗木卡卡西';
    var address = '火影村'；
    var age = 30;
    var tel = 12345;
    var money = 2000;

    console.log(myname);
    console.log(address);
    console.log(age);
    console.log(tel);
    console.log(money);
</script>

案例二

  1. 弹出一个输入框，提示用户输入姓名。
  2. 弹出一个对话框，输出用户刚才输入的姓名。
1
2
3
4
5
6
<script>
    // 1.用户输入姓名，存储到myname变量
    var myname = prompt('请输入您的姓名');
    // 2.输出这个姓名
    alert(myname);
</script>

变量语法扩展

1.更新变量

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

1
2
3
4
5
6
<script>
    var myname = 'Tom';
    console.log(myname);
    myname = 'Jerry';
    console.log(myname); // 最后的值是Jerry因为Tom被覆盖掉了
</script>

2.同时声明多个变量

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

1
2
3
4
5
6
7
var myname = 'Tom';
var age = 18;
var tel = 12345;

var myname = 'Tom',
    age = 18,
    tel = 12345;

3.声明变量特殊情况

情况 说明 结果
var age;
console.log(age);		 只声明 不赋值 undefined
console.log(age); 不声明 不赋值 直接使用 报错
age = 10;
console.log(age);		 不声明 只赋值 10

变量命名规范

  • 由字母（A-Z a-z）、数字（0-9）、下划线（_）、美元符号（$）组成，如：usrAge，_name
  • 严格区分大小写。var app;和var APP是两个变量
  • 不能以数字开头
  • 不能是关键字、保留字
  • 变量名必须有意义
  • 遵守驼峰命名法

交换两个变量的值

1
2
3
4
5
6
7
8
9
10
11
12
<script>
    var temp;
    var a = 1;
    var b = 2;

    temp = a;
    a = b;
    b = temp;

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

小结

  • 因为一些数据需要保存，所以需要变量
  • 变量就是一个容器，用来存放数据，方便以后使用里面的数据
  • 变量是内存里的一块空间，用来存储数据
  • 使用变量的时候一定要先声明再赋值
  • 声明变量的本质是去申请空间
  • 声明变量并赋值我们称之为变量的初始化
  • 变量命名尽量要规范，见名知意