Web前端开发笔记——第四章 JavaScript程序设计第二节变量

Posted 2021-12-12 晚风(●•σ )

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Web前端开发笔记——第四章 JavaScript程序设计第二节变量相关的知识，希望对你有一定的参考价值。

一、javascript中的注释

JavaScript中单行注释通过“//”，多行注释通过“/*”开头并以“*/”结尾。

二、变量的命名规则

JavaScript中命名变量必须以字母开头（也能以 $ 或 _ 符号开头），且变量名不能包含空格和标点符号，另外变量里不能是关键字、保留字作为变量名。
例如：var default、var 2cots、var number first都是错误的命名。

三、变量声明以及赋值

JavaScript中声明一个变量需使用关键字var，而变量的赋值通过使用=，也可以通过省略关键字var来声明变量，例如i=1，就没有使用关键字var。
例如，下列html代码，可以看出若声明变量但没有赋值在控制台中会显示未定义undefined，即此时该变量的值为undefined：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>text1</title>
	</head>

	<body>
		<script>
			var a;
			console.log(a);
		</script>
	</body>

</html>

控制台中：

例如，下列HTML代码，若未经声明变量而使用变量，则会报错显示未定义：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>text1</title>
	</head>

	<body>
		<script>
			b = 100;
			console.log(a);
		</script>
	</body>

</html>

控制台中：

可以在一条JavaScript语句中声明多个变量，以 var 开头，且通过使用逗号隔开各个变量即可：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>text1</title>
	</head>

	<body>
		<script>
			var a = "HELLO WORLD!",
				b = "python",
				c = 123;
			console.log(a, b, c);
		</script>
	</body>

</html>

控制台中：

四、变量作用域

JavaScript中变量分为局部变量和全局变量，在函数内声明为局部变量，它只能在函数内使用，即它的变量作用域只作用该函数；而在函数外定义的变量为全局变量，它可以在整个JavaScript代码中使用，另外若在函数内没有通过var关键字声明该变量，则声明的该变量为全局变量。
例如，下列HTML代码，定义了两个全局变量，一个全局变量是用于F()函数内没有通过var关键字声明变量b，所以它也是个全局变量：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>text1</title>
	</head>

	<body>
		<script>
			var i = "HELLO WORLD!";
			function F() {
				var a = 123;
				b = 321;
				console.log(i);
				console.log(a);
			}
			F();
			console.log(b);
		</script>
	</body>

</html>