《基于新信息技术的JavaScript程序设计基础》课件_第3章.pptx

项目3JavaScript判断平年或闰年;

任务1先导知识：运算符号和基本处理流程语句;;

2.基本数学运算符

JavaScript脚本语言中基本的数学运算包括加、减、乘、除以及取余等，其对应的数学运算符分别为“+”“-”“*”“/”和“%”等，如表3.2所示。;

3.自加和自减

自加运算符“++”和自减运算符“--”分别用于将操作数加1或减1。值得注意的是，自加和自减运算符放置在操作数的前面和后面其含义不同。运算符写在变量名前面，则返回值为自加或自减前的值；而写在后面，则返回值为自加或自减后的值。;

程序运行后，效果如图3.1所示。;

由程序运行的效果可以看出：

(1)若自加(或自减)运算符放置在操作数之后，则执行该自加(或自减)操作时，先将操作数的值赋值给运算符前面的变量，然后操作数自加(或自减)；

(2)若自加(或自减)运算符放置在操作数之前，则执行该自加(或自减)操作时，操作数先进行自加(或自减)，然后将操作数的值赋值给运算符前面的变量。;

4.比较运算符

JavaScript脚本语言中用于比较两个数据的运算符称为比较运算符，包括“=?=”“!?=”“”“”“?=”“?=”等，其具体作用见表3.3。;

程序运行后，在原始页面中单击“运算符测试”按钮，弹出提示框，提示用户输入相关信息，如图3.2所示。;

在上述提示框中输入相关信息(如年龄35)后，单击“确定”按钮，弹出警告框，如图3.3所示。;

5.逻辑运算符

JavaScript脚本语言的逻辑运算符包括“”“||”“!”等，用于两个逻辑型数据之间的操作，其返回值的数据类型为布尔型。逻辑运算符的功能如表3.4所示。;

6.?...:运算符

在JavaScript脚本语言中，“?...:”运算符用于创建条件分支。在动作较为简单的情况下，?...:运算符比if…else语句更加简便，其语法结构如下：

载入上述语句后，首先判断条件condition，若结果为真则执行语句statementA，否则执行语句statementB。值得注意的是，由于JavaScript脚本解释器将分号“;”作为语句的结束符，因此statementA和statementB语句均必须为单个脚本代码，若使用多个语句则程序会报错。

;

程序运行后，页面中弹出提示框，提示用户输入年龄，并根据输入值决定后续操作。例如，在提示框中输入整数17，然后单击“确定”按钮，则弹出警告框，如图3.4所示。;

;

若在提示框中输入整数24，然后单击“确定”按钮，则弹出警告框，如图3.5所示。;

7.?typeof运算符

typeof运算符用于表明操作数的数据类型，返回数值类型为一个字符串。在JavaScript脚本语言中，typeof运算符的格式如下：;

程序运行后，出现如图3.6所示的页面。;

可以看出，使用关键字var定义变量时，若不指定其初始值，则变量的数据类型默认为undefined。同时，若在程序执行过程中，变量被赋予其他隐性的包含特定数据类型的数值时，其数据类型也随之发生更改。;

3.1.2基本处理流程语句

基本处理流程就是对数据结构的处理流程。在JavaScript里，基本处理流程包含三种结构，即顺序结构、选择结构和循环结构。

顺序结构即按照语句出现的先后顺序依次被系统执行，是JavaScript脚本程序中最基本的结构，如图3.7所示。;

;

选择结构即按照给定的逻辑条件来决定执行顺序，可以分为单向选择、双向选择和多向选择。无论是单向还是多向选择，程序在执行过程中都只能执行其中一条分支。单向选择和双向选择结构如图3.8所示。;;

循环结构即根据代码的逻辑条件来判断是否重复执行某一段程序。若逻辑条件为true，则重复执行，即进入循环，否则结束循环。循环结构可分为条件循环和计数循环，如图3.9所示。;

;

1.?if条件假设语句

if条件假设语句是比较简单的一种选择结构语句，若给定的逻辑条件表达式为真，则执行一组给定的语句。

逻辑条件表达式conditions必须放在小括号里，且仅当该表达式为真时执行大括号内包含的语句，否则将跳过该条件语句而执行其下的语句。大括号内的语句可为一个或多个，当仅有一个语句时，大括号可以省略。一般而言，为养成良好的编程习惯，同时增强程序代码的结构性和可读性，建议使用大括号将指定执行的语句括起来。;

2.?switch流程控制语句

在if条件假设语句中，逻辑条件只能有一个，如果有多个条件，可以使用嵌套的if语句来解决，但此种方法会增加程序的复杂度，并降低程序的可读性。若使用switch流程控制语句就可以完美地解