6.2 JavaScript程序的基本构成 课件 -2022-2023学年高一下学期（中职）《网页设计与制作》（高等教育出版社）

网页设计与制作 第06章_JavaScript脚本语言 6.2 JavaScript程序的基本构成 6.2.1 基本数据类型和运算符 1．数据类型 数据类型在数据结构中的定义是：一个值的集合以及定义在这个集合上的一组操作。在JavaScript中有四种基本数据类型：数值型（整数和实数）、字符串型（用一对双引号或一对单引号组织的若干字符）、布尔型（用true和false表示）和空值型（null）。 2 网页设计与制作 6.2 JavaScript程序的基本构成 2．常量 JavaScript的常量是指其值不能改变的数据。主要有以下几种类型。 （1）整型常量。 （2）实型常量。 （3）布尔型常量。 （4）字符型常量。 （5）空值。 3 网页设计与制作 6.2 JavaScript程序的基本构成 3．变量 变量是JavaScript存储可变信息的简单方式，顾名思义是指其值可改变的数据量。变量代表内存中具有特定属性的一个存储单元，它用来存放数据，也就是变量的值，在程序运行期间，这个值是可以读取和修改的。例如，当代码中含有"x=2;"时，表明"x"是一个变量，它当前存储的值为2，如果之后又有"y=x+3;"，表明变量"y"将存储的值为5。对于变量的使用方法，主要涉及到变量的命名、变量的声明及类型、变量的作用域等方面。 4 网页设计与制作 6.2 JavaScript程序的基本构成 3．变量 （1）变量的命名 ①、必须符合标识符命名规范，即变量名由字母、数字和下划线等字符组成，且第一个字符必须为字母、下划线或$，变量名称中不能包含空格、+、-、*、/、(、)等符号。如num1、_text2、$price这三个变量名都是合法的，而2stu、a+b、age(1)这三个变量名都是非法的。此外，变量命名不能与JavaScript中的关键字（也叫保留字）同名。 ②、要做到“见名知义”。应尽量避免诸如a、b、c之类的简单、无意义的变量命名，变量的取名最好能够反映出变量的意义或作用，这样可以增强代码的可读性。 ③、变量名是区分大小写的，例如，counter和Counter被认为是两个不同的变量。 5 网页设计与制作 6.2 JavaScript程序的基本构成 3．变量 （2）变量的声明 声明一个变量就意味着向系统申请了一块内存区域用于存储数据，变量声明的基本格式为： var 变量名[=初值]; 由于JavaScript采用了弱类型，对于数据类型的要求并不严格，因而无论是常量还是变量的数据类型都不必先作出声明，而可以在使用时才由JavaScript解释器来自动确定其数据类型。为了养成良好的编程习惯、降低出错率，我们还是建议大家在变量的使用过程中采用先声明、后使用的强制定义策略。 我们还可以在同一个变量声明语句中声明多个变量并分别为它们赋予初值，变量之间用英文逗号隔开。 6 网页设计与制作 6.2 JavaScript程序的基本构成 3．变量 （3）变量的赋值 在变量的作用域范围内，可以在任何时候对其进行赋值。赋值的语法是： 变量=表达式; 其中的"="是赋值运算符，它的作用是把右边的值赋给左边的变量。 7 网页设计与制作 6.2 JavaScript程序的基本构成 3．变量 （4）变量的作用域 和许多编程语言一样，在JavaScript中也有全局变量和局部变量。全局变量是定义在所有函数体之外的变量，其作用域范围是声明处之后的所有函数。而局部变量是定义在某个函数体之内的变量，只允许在该函数内使用，而对其它函数则是不可见的。关于函数的概念在后面会进行介绍。 8 网页设计与制作 6.2 JavaScript程序的基本构成 4．运算符 （1）算术运算符：+（操作数为数值时代表加法运算，操作数为字符串时代表连接运算）、-（单目为取相反数运算，双目为减法运算）、*（乘法）、/（除法）、++（自增1）、--（自减1）、%（取模，也叫求余）、|（按位或）、&(按位与)、<<（左移）、>>（右移）、>>>（右移，零填充）、~（取补）。 9 网页设计与制作 6.2 JavaScript程序的基本构成 4．运算符 （2）关系运算符：关系运算符用于比较两个操作数之间的大小关系，并且只可能返回true或false作为运算结果。关系运算符一共有6种：<（小于）、>（大于）、<=（小于等于）、>=（大于等于）、==（等于）、!=（不等于）。 10 网页设计与制作 6.2 JavaScript程序的基本构成 4．运算符 （3）逻辑运算符：!（逻辑非）、&&（逻辑与）、||（逻辑或）。例如，已知闰年的判断方法是：如果能被4整除但不能被100整除，或者能被400整除。假定要判断的年份存储在变量year中，那么判断闰年的JavaScript表达式可写成：(year%4