什么是变量
- 白话:变量就是一个装东西的盒子
- 通俗:变量是用于存放数据的容器。我们通过变量名获取数据,甚至修改使用数据
- 本质:变量是程序在内存中申请的一块用来存放数据的空间
变量的使用
-
声明变量:
- 格式:var age; 声明一个名称为age的变量
- var 是一个JS关键字,用来声明(variable)变量。使用个关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管
- age 是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间
-
赋值:
- 格式:age = 10; 给 age 这个变量赋值为10
- = 用来把右边的值赋给左边的变量空间中
- 变量值是程序员保存到变量空间的值
-
变量的初始化:
- 格式:var age = 18; 声明变量同时赋值为18
- 声明一个变量并赋值,我们称之为变量的初始化
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
// 1.声明了一个名为age的变量:
var age;
// 2.赋值:
age = 18;
// 3.输出结果:
console.log(age);
// 4.变量的初始化:
var myname = 'LXG';
console.log(myname);
</script>
</head>
<body>
</body>
</html>
变量语法扩展
更新变量:
-
概念:一个变量被重新赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准
-
注意:下一次变量的赋值不需要声明
声明多个变量:
- 概念:同时声明多个变量时,只需要写一个var,多个变量名之间使用英文逗号隔开
var age = 18,
address = '火影村',
gz = 2000;
声明变量的特殊情况:
- 只声明不赋值,结果是undefined(未定义的)
- 不声明不赋值,结果报错
- 不声明只赋值,结果正常(但不提倡)
变量的命名规范
- 由字母(A-Z,a-z)、数字(0-9)、下划线(_)、美元符号($)组成
- 严格区分大小写
- 不能以数字开头
- 不能是关键字,保留字
- 变量名必须有意义
- 遵循驼峰命名法。首字母小写,后面单词的首字母要大写
- 推荐使用翻译网站
交换两个变量的值
- 使用一个临时变量用来做中间存储
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
// 1.需要一个临时变量
var temp;
// 2.初始化两个变量
var apple1 = '青苹果';
var apple2 = '红苹果';
// 3.把apple1中的值给temp
temp = apple1;
// 4.把apple2中的值给apple1
apple1 = apple2;
// 5.把temp中的值给apple2
apple2 = temp;
console.log(apple1);
console.log(apple2);
</script>
</head>
<body>
</body>
</html>