定义

变量：用于存放数据的容器，我们通过变量名获取数据，修改数据。
本质：变量是程序在内存中申请的一块用于存放数据的空间。

变量的使用

1、声明 

  1. var age;

2、赋值

  1. age = 22;

变量初始化：声明变量并赋值

  1. var name = "hahhah"

示例：

  1.    <script>
  2.         var name="llang";
  3.         var age =12;
  4.         console.log(name);
  5.         console.log(age);
  6.     </script>

案例：
1、弹出输入框，提示输入用户姓名
2、弹出对话框，输出用户刚才输入的姓名

  1. <html>
  2. <head>
  3.     <meta charset="utf-8">
  4.     <meta name ="view" content="width=device-width">
  5.     <meta http-equiv="xxx",content="chrom">
  6.     <script>
  7.         var name=prompt("请输入姓名");    //用于显示可提示用户进行输入的对话框
  8.         alert(name);                     //显示带有一条指定消息和一个 OK 按钮的提示框。
  9.         var age =12;
  10.         console.log(name);
  11.         console.log(age);
  12.     </script>
  13. </head>
  14. </html>

结果：
image.png
image.png

更新变量：

  1. var age = 22;
  2. age = 88

声明多个变量
格式：只需要声明一个var，其余变量用英文逗号分开

  1. var name="lang",
  2.     age = 22,
  3.     sex = "女";
  4. console.log(name);
  5. console.log(age);
  6. console.log(sex);

结果：
image.png

声明变量的特殊情况

1、只声明不赋值

  1. var A;
  2.   console.log(a);   //结果为undefined

2、只赋值不声明

  1. b=5;
  2. console.log(b);   //结果为5

3、不声明不赋值

  1. console.log(sss)    //因为没有被定义，所以结果报错

变量的命名规范

1、变量名称由字母，数字，_，$组成
2、变量严格区分大小写，大小写不一样代表不同的变量
3、变量不能以数字开头
4、变量不能是关键字，例：for,var，const等
5、变量名见名知意

注意：name 有特殊含义，一般变量不用name
未定义name,
console.log(name) //输出结果为空

练习：交换两个变量值，方法：定义一个临时变量

  1. var test;     //临时变量test
  2. var a1 = 22;
  3. var a2 = 33;
  4. test = a1;
  5. a1=a2;
  6. a2=test;

结果：
image.png