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

目录

  • 一、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>text1title>
	head>

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

html>

控制台中:
Web前端开发笔记——第四章 JavaScript程序设计 第二节 变量_第1张图片
例如,下列HTML代码,若未经声明变量而使用变量,则会报错显示未定义:

DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>text1title>
	head>

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

html>

控制台中:
Web前端开发笔记——第四章 JavaScript程序设计 第二节 变量_第2张图片
可以在一条JavaScript语句中声明多个变量,以 var 开头,且通过使用逗号隔开各个变量即可:

DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>text1title>
	head>

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

html>

控制台中:
Web前端开发笔记——第四章 JavaScript程序设计 第二节 变量_第3张图片

四、变量作用域

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

DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>text1title>
	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>

控制台中:
Web前端开发笔记——第四章 JavaScript程序设计 第二节 变量_第4张图片

五、变量提升

在JavaScript中,执行代码时,先是获取所有被声明被声明的变量,然后再根据代码的顺序一条一条地运行代码,即所有变量声明语句都会被提升到代码的头部执行,也就是变量提升,另外变量提升只会提升变量的声明而不会把变量赋值也提升。

你可能感兴趣的:(Web前端开发,前端,javascript,开发语言)