基于任务驱动模式的JavaScript程序设计案例第2章 JavaScript语言基础.ppt

第2章 JavaScript语言基础  2.1 概 述　　JavaScript脚本语言作为一门功能强大、使用范围较广的程序语言，其语言基础包括数据类型、变量、运算符、函数以及核心语句等内容。本章主要介绍JavaScript脚本语言的基础知识，带领读者领略JavaScript脚本语言的精妙之处，并为后续章节的深入学习打下坚实的基础。  2.2 运 算 符　　编写JavaScript脚本代码过程中，对目标数据进行运算操作需用到运算符。JavaScript脚本语言支持的运算符包括：赋值运算符、基本数学运算符、自加和自减、比较运算符、逻辑运算符、?…：运算符以及typedof运算符等，下面将分别予以介绍。2.2.1 赋值运算符　　常用的JavaScript脚本语言的赋值运算符包含“=”、“+=”、“-=”、“*=”、“/=”、“%=”，汇总如表2-1所示。 2.2.2 基本数学运算符　　JavaScript脚本语言中基本的数学运算包括加、减、乘、除以及取余等，其对应的数学运算符分别为“+”、“－”、“*”、“/”和“%”等，如表2-2所示。 2.2.3 自加和自减　　自加运算符“++”和自减运算符“－－”分别将操作数加1或减1。值得注意的是，自加和自减运算符放置在操作数的前面和后面含义不同。运算符写在变量名前面，则返回值为自加或自减前的值；而写在后面，则返回值为自加或自减后的值。参考如下测试代码： 　　程序运行后，效果如图2-1所示。 图2-1 　　由程序运行结果可以看出：　　(1) 若自加(或自减)运算符放置在操作数之后，执行该自加(或自减)操作时，先将操作数的值赋值给运算符前面的变量，然后操作数自加(或自减)；　　(2) 若自加(或自减)运算符放置在操作数之前，执行该自加(或自减)操作时，操作数先进行自加(或自减)，然后将操作数的值赋值给运算符前面的变量。 2.2.4 比较运算符　　JavaScript脚本语言中用于比较两个数据的运算符称为比较运算符，包括“= =”、“!=”、“”、“”、“=”、“=”等，其具体作用见表2-3。 　　程序运行后，在原始页面中单击“运算符测试”按钮，将弹出提示框提示用户输入相关信息，如图2-2所示。 图2-2 　　在上述提示框中输入相关信息(如年龄35)后，单击“确定”按钮，弹出警告框如图2-3所示。　　可以看出，脚本代码采集用户输入的数值，然后通过比较运算符进行判定，再做出相对应的操作，实现了程序流程的有效控制。 图2-3 2.2.5 逻辑运算符　　JavaScript脚本语言的逻辑运算符包括 “”、“||”和“!”等，用于两个逻辑型数据之间的操作，返回值的数据类型为布尔型。逻辑运算符的功能如表2-4所示。 2.2.6 ?…：运算符　　在JavaScript脚本语言中，“?…：”运算符用于创建条件分支。在动作较为简单的情况下，较之if…else语句更加简便，其语法结构如下： 　　程序运行后，页面中弹出提示框提示用户输入年龄，并根据输入值决定后续操作。例如在提示框中输入整数17，然后单击“确定”按钮，则弹出警告框如图2-4所示。 图2-4 　　若在提示框中输入整数24，然后单击“确定”按钮，则弹出警告框如图2-5所示。 图2-5 2.2.7 typeof运算符　　typeof运算符用于表明操作数的数据类型，返回数值类型为一个字符串。在JavaScript脚本语言中，其使用格式如下：　　考察如下实例： 　　程序运行后，出现如图2-6所示页面。 图2-6 　　可以看出，使用关键字var定义变量时，若不指定其初始值，则变量的数据类型默认为undefined。同时，若在程序执行过程中，变量被赋予其他隐性包含特定数据类型的数值时，其数据类型也随之发生更改。  2.3 核 心 语 句2.3.1 基本处理流程　　基本处理流程就是对数据结构的处理流程。在JavaScript里，基本的处理流程包含三种结构，即顺序结构、选择结构和循环结构。　　顺序结构即按照语句出现的先后顺序依次执行，是JavaScript脚本程序中最基本的结构，如图2-7所示。 图2-7 　　选择结构按照给定的逻辑条件来决定执行顺序，可以分为单向选择、双向选择和多向选择。但无论是单向选择还是多向选择，程序在执行过程中都只能执行其中一条分支。单向选择和双向选择结构分别如图2-8(a)、(b)所示。 (a) (b) 图2-8 　　循环结构根据代码的逻辑条件来判断是否重复执行某一段程序。若逻辑条件为true，则重复执行，即进入循环，否则结束循环。循环结构可分为条件循环和计数循环，分别如图2-9(a)、