目录
一、变量的定义
变量是存放数据的容器，可以通过变量名获取和修改数据。
本质：变量是程序在内存中申请的一块用来存放数据的空间。
二、变量的使用
使用变量有两步骤：1.声明变量 2.赋值
1.声明变量
//声明变量
var age;//声明一个名称为age的变量
- var是一个关键字，用来声明变量，使用该关键字之后，计算机会自动为变量分配内存空间。
- age是程序员定义的变量名，要通过变量名访问内存中分配的空间。
2.赋值
age=10; //给age这个变量赋值为10
声明，赋值，打印的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<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)
</script>
</head>
<body>
</body>
</html>打印结果如下：
1与2可以合并为变量的初始化——在声明的同时进行赋值
var age = 18;//声明变量的同时进行赋值
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<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 = 'TOM';
console.log(myname);
</script>
</head>
<body>
</body>
</html>打印结果如下：
三、变量初始化案例
案例：存储以下信息然后把信息显示出来，所要显示的内容如下：
我叫李华，住在北京，今年30岁，邮箱是kaka@itcast.cn
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
//变量的初始化
var name = '李华';
var address = '北京';
var age = 30;
var email = 'kaka@itcast.cn';
console.log(name);
console.log(address);
console.log(age);
console.log(email);
</script>
</head>
<body>
</body>
</html>打印结果如下：
四、变量弹出用户名案例
案例：1.弹出一个输入框，提示用户输入姓名。
2.弹出一个对话框，输出用户刚才输入的姓名。
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
//1.用户输入姓名，存储到一个myname的变量里面
var myname = prompt('请输入你的姓名');
//2.输出这个用户名
alert(myname);
</script>
</head>
<body>
</body>
</html>打印结果如下：
本文含有隐藏内容，请 开通VIP 后查看