JavaScript语言基础(二)

一.之前介绍了JavaScript语言基础的关键字、标识符、常用的数据类型，文章地址：JavaScript语言基础(一) ，下面来介绍JavaScript基础中的常量和变量。

1.常量：当程序运行时，值始终不发生改变的量为常量(constant)。

1.1.常量主要用于为程序提供固定的和精确的值(包括数值和字符串)，数、字符、逻辑值真(true)、逻辑值假(false)等都是常量。

1.2.声明常量使用const来进行声明，其语法格式如下：

const 常量名: 数据类型=值

1.3.常量在程序中定义后便会在计算机中一定的位置存储下来，在该程序没有结束之前，它是不发生变化的。如果在程序中过多地使用常量，会降低程序的可读性和可维护性，当一个常量在程序内被多次引用时，可以考虑在程序开始处将它设置为变量，然后再引用。当此值需要修改时，则只需更改其变量的值就可以了，既减少出错的机会，又可以提高工作效率。

1.4.接下来附上一个小例子，代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>常量</title>
<script language="javascript">
const a="Hello JavaScript_"
const b=100;
function change(){alert(a+b);
}
change();
</script>
</head><body>
</body>
</html>

运行此代码，弹出一个对话框，显示Hello JavaScript_100内容。其中如果我们在change()函数里把常量a的值改为其他值，将会出错，什么内容都不显示出来，因为常量是不可以改变其值的。

2.变量：变量是指程序中一个已经命名的存储单元，它的主要作用就是为数据操作存放信息的容器。对于变量的使用首先必须明确变量的命名规则、变量的声明与赋值以及变量的作用域等。

2.1.变量的命名，JavaScript变量的命名规则如下：

(1). 必须以字母或下划线开头，中间可以是数字、字母或下划线。

(2). 变量名不能包含空格或加号、减号等符号。

(3). 不能使用JavaScript中的关键字。

(4). JavaScript的变量名是严格区分大小写的。例如：a1与A1就代表两个不同的变量，这一点一定要特别注意。

(5). 说明：虽然JavaScript的变量可以任意命名，但是在进行编程的时候，最好还是使用便于记忆、且有意义的变量名称，以增加程序的可读性。

2.2.变量的声明与赋值：

(1). 在JavaScript中，使用变量前需要先声明变量，所有的JavaScript变量都由关键字var声明，语法格式如下：

var variable;//在声明变量的同时也可以对变量赋值，例如：var variable=10;

(2). 声明变量时所遵循的规则如下：

~~ 可以使用一个关键字var同时声明多个变量，例如：

var a,b,c;     //同时声明a、b和c三个变量

~~ 可以在声明变量的同时对其赋值，即为初始化，例如：

var i=1;j=2;k=3;    //同时声明i、j和k3个变量，并分别对其进行初始化

~~ 如果只是声明了变量，并未对其赋值，则其缺省值为undefined。

~~ var语句可以用作for循环和for/in循环的一部分，这样就使循环变量的声明成为循环语法自身的一部分，使用起来比较方便。

~~ 也可以使用var语句多次声明同一个变量，如果重复声明的变量已经有一个初始值，那么此时的声明就相当于对变量的重新赋值。

(3).当给一个尚未声明的变量赋值时，JavaScript会自动用该变量名创建一个全局变量。在一个函数内部，通常创建的只是一个仅在函数内部起作用的局部变量，而不是一个全局变量。要创建一个局部变量，不是赋值给一个已经存在的局部变量，而是必须使用var语句进行变量声明。

(4).另外，由于JavaScript采用弱类型的形式，因此读者可以不必理会变量的数据类型，即可以把任意类型的数据赋值给变量。

(5).接下来附上一个小例子，代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>变量</title>
<script type="text/javascript">
var name="Jack";
var age=23;
var sex="男";
var boolean=true;
document.write("姓名为："+name+"<br>");
document.write("年龄为："+age+"<br>");
document.write("布尔类型为："+boolean+"<br>");
document.write("性别为："+sex+"<br>");
</script>
</head><body>
</body>
</html>

这样就可以输出相应的信息，在JavaScript中，变量可以不先声明，而在使用时，再根据变量的实际作用来确定其所属的数据类型。但是笔者建议在使用变量前就对其声明，因为声明变量的最大好处就是能及时发现代码中的错误。由于JavaScript是采用动态编译的，而动态编译不易于发现代码中的错误，特别是变量命名方面的错误。

2.3.变量的作用域：变量的作用域（scope）是指某变量在程序中的有效范围，也就是程序中定义这个变量的区域。在JavaScript中变量根据作用域可以分为两种：全局变量和局部变量。

(1).全局变量是定义在所有函数之外，作用于整个脚本代码的变量；局部变量是定义在函数体内，只作用于函数体的变量，函数的参数也是局部性的，只在函数内部起作用。

(2).接下来附上一个小例子，代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>变量的作用域</title>
<script language="javascript">
var a;//该变量在函数外声明，作用于整个脚本代码，即声明全局变量
function dialog(){a="Hello JavaScript"var b="语言"//该变量在函数内声明，只作用于该函数体，即声明局部变量alert(a+b);
}
</script>
</head><body>
<script language="javascript">
dialog();
</script>
</body>
</html>

此时，弹出一个对话框，内容为Hello JavaScript语言。

2.4.变量的生存期：变量的生存期是指变量在计算机中存在的有效时间。从编程的角度来说，可以简单地理解为该变量所赋的值在程序中的有效范围。

(1).JavaScript 中变量的生存期有两种：全局变量和局部变量。

(2).全局变量在主程序中定义，有效范围从其定义开始，一直到本程序结束为止。局部变量在程序的函数中定义，其有效范围只在该函数之中；当函数结束后，局部变量生存期也就结束了。

二.以上内容仅供大家学习参考，写得不好，请见谅，如有错误，请指出，谢谢！

JavaScript语言基础(二)相关推荐

JavaScript - 语言基础
JavaScript - 语言基础一.用法 HTML 中的脚本必须位于 <script> 与 </script> 标签之间,script标签中可以写执行代码.可以写函数.也可 ...
[GO语言基础] 二.编译运行、语法规范、注释转义及API标准库知识普及
作为网络安全初学者,会遇到采用Go语言开发的恶意样本.因此从今天开始从零讲解Golang编程语言,一方面是督促自己不断前行且学习新知识:另一方面是分享与读者,希望大家一起进步.前文介绍了什么是GO语言 ...
JavaScript 语言基础知识点图示
JavaScript 语言基础知识点图示: 转载于:https://www.cnblogs.com/mrxia/p/4059252.html
JavaScript语言基础(一)
1.通过学习JavaScript语言基础,我们应该了解关键字与标识符.掌握JavaScript常用的数据类型.熟悉常量与变量.熟悉运算符和表达式. JavaScript语言基础知识框架如下图所示: 此 ...
JavaScript语言基础.上
1.JavaScipt的作用和特点可以将JavaScipt看成是Java语言的某种简化版本. 嵌入HTMl文档中的JavaScript源代码作为HTML文档的一部分而存在. JavaScript可以 ...
JavaScript 语言基础知识点总结（思维导图）
1.JavaScript数组 2.JavaScript 函数基础 3.Javascript 运算符 4.JavaScript 流程控制 5.JavaScript 正则表达式 6.JavaScript ...
educoder头歌实训 web课——JavaScript语言基础：JS循环语句
educoder头歌实训太原理工大学web课程----JavaScript语法基础:JS运算符_玛卡巴卡的博客-CSDN博客第1关:while类型任务描述质数的定义如下:大于1的自然数,且除 ...
JavaScript语言基础3
JavaScript可以处理一些来自于现实世界的数据类型,例如:数字和文本.同时JavaScript中也包含了一些具有抽象性质的数据类型,例如对象数据类型. JavaScript它是一种弱类型语言 ...
JavaScript语言基础7
JavaScript中的数组是个新概念. 我们可以使用new关键字和Array()构造函数来说明一个数组: <HTML> <HEAD><TITLE>Hello W ...

JavaScript语言基础(二)

JavaScript语言基础(二)相关推荐

最新文章

热门文章