JavaScript03——javacript变量

22 篇文章 0 订阅
18 篇文章 1 订阅

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是编程语言很强有逻辑性在里面,实现这个要求的思路,先怎么做,后怎么做

变量是用来保存数据的容器

变量 存放在内存里面

声明变量的本质是去内存申请空间

声明变量然后赋值变量就是变量的初始化

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值