JavaScript变量
1.变量概述
1.1什么是变量
简单理解为变量就是一个装东西的盒子
概述:变量时用于存放数据的容器,我们通过变量名获取数据,甚至数据可以修改
1.2变量在内存中的存储
本质:变量是程序在内存中申请的一块用来存放数据的空间
2.变量的使用
变量使用时分为两步:
1.声明变量
// 声明变量
var age; //声明一个名为age的变量
var是一个JS关键字,用来声明变量(variable变量的意思)。使用该关键字声明变量后,计算会自动为变量分配内存空间,不需要程序员管
age是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间
2.赋值
age = 10; //给age这个变量赋值为10
**=**用来把右边的值赋给左边的变量空间中,此处代表赋值的意思
变量值是程序员保存到变量空间里的值
3.变量的初始化
var age = 18; //声明变量的同时赋值为18
声明一个变量并赋值,我们称之为变量的初始化
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
// 1.声明了一个age变量
// var age;
// 2.赋值,把值存入这个变量中
// age = 10; //给age这个变量赋值为10
var age = 18; //声明变量的同时赋值为18
var name = '张三';
// 打印结果
alert('我的名字是:'+name+'我的年龄为:'+age);
</script>
</head>
<body>
</body>
</html>
案例:变量的使用
1.
将客户旅店登记表存到电脑上,表上的内容有:姓名、年龄、手机号码、邮箱、家庭住址和工资,存储之后将信息显示出来;格式为:
我叫XXX,我住在XXXXXX,我今年XXX岁了,我的手机号码为XXX,我的邮箱是XXX,我目前的工资为XXX。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>变量的使用</title>
<script type="text/javascript">
var name = '张三';
var age = 20;
var number = '12345678912';
var email = '122354864531@qq.com';
var address = '中国广西南宁';
var gz = 5000;
alert('我的名字叫:'+name+'我的年龄为:'+age+'我的手机号为:'+number+'我的邮箱为:'+email+'我住在:'+address+'我的工资为'+gz);
</script>
</head>
<body>
</body>
</html>
2.
1.弹出一个输入框,提示用户输入姓名
2.弹出一个对话框,输出用户刚才输入的姓名
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
// 1.用户输入姓名,存储到一个叫name的变量里面
var name = prompt('请输入你的名字');
// 2.输出这个用户名
alert('我的名字为:'+name);
</script>
</head>
<body>
</body>
</html>
1.4.变量语法的扩展
1.更新变量
一个变量被重新赋值后,它原有的值就会被覆盖,变量值将以最后一次的值为准
2.同时声明多个变量
同时声明多个变量时,只需要写一个var,多个变量名之间是有英文逗号隔开
// 2.声明多个变量,用逗号隔开变量
/* var age = 18;
var id = '01';
var love = '你'; */
var age = 18,
id = '01',
love = '你';
alert(age+id+love);
3.声明变量特殊情况
// 情况 说明 结果
//var age;alert(age); 只声明,不赋值 undefined
// alert(age); 不声明,不赋值,直接使用 报错
// age = 10;alert(age); 不声明,只赋值 10
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
// 3.声明变量特殊情况
// 3.1只声明,不赋值,结果是空,程序不知道里面存的是啥,所以结果是undefined,为定义的
var name;
// alert(name);
console.log(name);
// 3.2不声明,不赋值,直接使用,会报错
alert(sex);
// 3.3不声明,直接赋值使用
age = 10;
alert(age);
</script>
</head>
<body>
</body>
</html>
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DXSegGFJ-1621480463639)(C:\Users\Lenovo\AppData\Roaming\Typora\typora-user-images\image-20210320145740120.png)]
关键字是有特殊意义的 词;
js中出现波浪线就说出错了
尽量不使用name当变量名,有些浏览器对于name有特殊的含义
变量名中只允许有下划线和$符号,其他的会报错
js是编程语言很强有逻辑性在里面,实现这个要求的思路,先怎么做,后怎么做
变量是用来保存数据的容器
变量 存放在内存里面
声明变量的本质是去内存申请空间
声明变量然后赋值变量就是变量的初始化
关键字是有特殊意义的 词;
js中出现波浪线就说出错了
尽量不使用name当变量名,有些浏览器对于name有特殊的含义
变量名中只允许有下划线和$符号,其他的会报错
js是编程语言很强有逻辑性在里面,实现这个要求的思路,先怎么做,后怎么做
变量是用来保存数据的容器
变量 存放在内存里面
声明变量的本质是去内存申请空间
声明变量然后赋值变量就是变量的初始化