JavaScript学习笔记2—变量

最新推荐文章于 2024-10-04 20:50:17 发布

云卷云舒_jing

最新推荐文章于 2024-10-04 20:50:17 发布

阅读量216

点赞数

分类专栏： JavaScript笔记文章标签：学习 javascript 开发语言前端

本文链接：https://blog.csdn.net/qq_45709187/article/details/125081514

版权

JavaScript笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1.变量概述

变量是用于存放数据的容器。我们通过变量名获取数据，甚至数据可以修改。

本质：变量是程序在内存中申请的一块用来存放数据的空间。

2.变量的使用

变量在使用时分为两步：1. 声明变量 2. 赋值

2.1声明变量

// 声明变量
var age; // 声明一个名称为age 的变量

var 是一个 JS关键字，用来声明变量( variable 变量的意思 )。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管。

age 是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间。

2.2赋值

age = 10; // 给 age 这个变量赋值为 10

“=”用来把右边的值赋给左边的变量空间中此处代表赋值的意思。

变量值是程序员保存到变量空间里的值。

2.3变量的初始化

var age = 18; // 声明变量同时赋值为 18

声明一个变量并赋值，我们称之为变量的初始化。

案例

例子1：初始化几个变量并在控制台输出

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>变量</title>
		<script type="text/javascript">
			var myname = '张三';
			var address = '地球';
			var age = 3;
			var email = 'aaa123@163.com';
			console.log(myname);
			console.log(address);
			console.log(age);
			console.log(email);
		</script>
	</head>
	<body>
	</body>
</html>

例子2：输入一个名字，然后再输出这个名字

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>变量</title>
		<script type="text/javascript">
			// 输入用户姓名，存储到一个myname的变量里
			var myname = prompt('请输入你的名字：');
			// 输出这个用户名
			alert(myname);
		</script>
	</head>
	<body>
	</body>
</html>

2.4更新变量

一个变量被重新复赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准。

var oneName='张三'; 
console.log(oneName);//输出张三
oneName='李四';
console.log(oneName);//输出李四

2.5同时声明多个变量

同时声明多个变量时，只需要写一个 var，多个变量名之间使用英文逗号隔开。

var age=18;
var address='中国';

可以写成如下：

var age=18,
    address='中国';

2.6声明变量的特殊情况

声明不赋值：undefined
不声明直接赋值：可正常使用，但不推荐
不声明不赋值：报错

// 1只声明不赋值,结果是undefined
var sex;
console.log(sex); //undefined

// 2不声明直接赋值，结果是可以正常使用。JS中可以这样，但不推荐。
work='程序员';
console.log(work);//不会报错，可以直接使用

// 3不声明不赋值，结果是报错
console.log(tel);//报错：tel is not defined

3.变量的命名规范

由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成，如：usrAge, num01, _name。
严格区分大小写。var app; 和 var App; 是两个变量。
不能以数字开头。 18age 是错误的。
不能是关键字、保留字。例如：var、for、while。
变量名必须有意义。 MMD BBD nl → age。
遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。 myFirstName。
在某些浏览器里name一般有特殊含义，所以尽量不要用这个单词。

// 严格区分大小写
var age=10;
var Age=20;
console.log(age);//输出10
console.log(Age);//输出20

//浏览器有特殊含义的词不要用，如name
console.log(name);//没声明没赋值，可是没有报错，返回空。

案例

例子1：交换两个变量的值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>交换两个变量的值</title>
		<script type="text/javascript">
			// 例子1 交换两个变量的值
			var number1=1,
				number2=2;
			//声明一个临时变量number3
			var number3;
			console.log('number1的值：'+number1);
			console.log('number2的值：'+number2);
			
			number3=number1;
			number1=number2;
			number2=number3;
			console.log(' ');
			console.log('number1的值：'+number1);
			console.log('number2的值：'+number2);
		</script>
	</head>
	<body>
	</body>
</html>