《JavaScript程序设计教程 教学课件 ppt 作者 李林 施伟伟 第2章 JavaScript基础》由会员分享，可在线阅读，更多相关《JavaScript程序设计教程 教学课件 ppt 作者 李林 施伟伟 第2章 JavaScript基础（67页珍藏版）》请在金锄头文库上搜索。
1、第2章 JavaScript基础,JavaScript语言是一门解释型的脚本语言，其优点之一是比较容易学习和掌握，但是千万不要因此而小看了JavaScript能力，它能够完成许多相当复杂的编程任务。 目前，ECMAScript第3版是ECMAScript的最新版本，也是JavaScript的工业标准，本章将基于该标准对JavaScript的基本语法和内置对象特性进行讲解。,2.1 JavaScript语法基础,2.1.1 语句 同许多编程语言一样，语句是组成JavaScript程序的基本单元，每一条JavaScript语句由若干表达式组织在一起，完成一个任务。 和Java、C语言类似，Java
2、Script使用分号“;”表示一条语句的结束；而与Java、C语言不同的是，用分号结束一条语句并不是强制性的要求。,例如下面的写法： var a = 1; / 以分号结尾的JavaScript语句 var b = 2 / 没有分号结尾的JavaScript语句,JavaScript解释器在语法检查方面相对比较宽松，但是在这里我们还是建议开发人员编写JavaScript代码时要尽量保持比较严谨的书写风格，最好使用分号结束语句，这样做有以下几点好处：,（1）代码便于阅读，不会导致歧义； （2）在使用一些JavaScript代码压缩和代码混淆工具处理代码时，不会发生错误； （3）保证代码在各种浏览器
3、中均能正确执行，因为某些浏览器的JavaScript解释器要求语句必须以分号作为结束符，否则不能执行。,一组大括号“”内的JavaScript语句称为语句块，一个语句块内的语句可以被当作一条语句来处理。与C语言不同，在JavaScript语言中一般的语句块并不代表新的范围。例如下面的JavaScript语句块： var v1 = 20; var v2 = 40; 其中，变量v1和v2在大括号之外同样是有意义的，而在C语言中，类似的变量定义只在语句块的内部有效。,此外，在JavaScript语言中函数定义内部声明的变量只在其内部有效，例如： function test() var v1 = 20
4、; var v2 = 40; 如果在test()函数之外访问变量v1或者v2，会返回undefined错误。,2.1.2 注释,/* 多行注释示例 /* 嵌套的注释 */ 多行注释示例 */,/ 注释第1行 / 注释第2行,2.1.3 直接量,在 JavaScript中， 我们用直接量来描述数值。JavaScript支持的直接量分为以下几种： 10 / 整数 0.6 / 浮点数 “test“ / 字符串 test / 字符串 true /false / 布尔值 /abc/gi / 正则表达式 null / 空对象 x: 2.3,y: 3.5 / 对象 1,2,.,n / 数组,2.1.4 变量
5、,JavaScript中的变量是使用var关键字加变量名定义的，例如： var a = 1;,需要说明的是，变量名应该遵守两条简单的规则： （1）第一个字符必须是字母（az，AZ）、下划线（_）或美元符号（$）； （2）其他部分可以是下划线、美元符号、任意字母或数字字符（09）。,2.1.5 运算符,1数学运算符 JavaScript提供的数学运算符有：+、-、*、/、%、+、-。所谓一目运算符是指对一个运算量进行运算的运算符。在JavaScript语言中有4个一目运算符：+、-、+和-。其中一目取正“+”和一目取负“-”只影响表达式的运算结果。,所谓的二目运算符，是指对两个运算量进行运算的运
6、算符，JavaScript中的二目数学运算符包括：+、-、*、/、%。,2关系运算符,JavaScript中的关系运算符是用于测试两个变量之间关系的运算符。“”、“=”运算符执行的是两个数的比较运算，比较方式与数学中的比较运算相同，这4个运算符称为比较运算符。,JavaScript关系运算符中还有两种特殊的运算符：in和instanceof。,3等性运算符,判断两个变量是否相等是程序设计中非常重要的运算。 JavaScript中提供了两套运算符处理这个问题，等号和非等号处理原始值，全等号和非全等号处理对象。,4逻辑运算符,逻辑运算符的运算结果只有真（true）和假（false）两种。JavaS
7、cript支持以下3种逻辑运算符。 var a = true, b = false; / 逻辑与 a & a / true a & b / false b & a / false b & b / false,/ 逻辑或 a | a / true a | b / true b | a / true b | b / false / 逻辑非 !a / false !b / true,5位运算符,JavaScript完全支持按位（bit）运算。 位运算符包括：与、或、非、异或、左移、右移运算符。,有符号整数和无符号整数的区别在于：有符号整数使用低31位表示整数值，最高位表示整数的符号，0表示正数，1表
8、示负数，数值的范围是从231到2311；而无符号整数则使用所有32位数表示整数值，其数值范围是从0到2321。例如25的二进制为11001，它在内存中的存储结构如图2-1所示。,图2-1 整数的存储结构,负数也存储为二进制形式，不过采用的是二进制补码。,图2-2 计算补码步骤,（1）与运算,与运算符用“&”表示。,表2-1 与运算规则,（2）或运算,或运算用“|”表示,表2-2 或运算规则,（3）异或运算,异或运算用“”表示,表2-3 异或运算规则,（4）非运算 非运算用“”表示 （5）左移运算 左移运算用“”表示 （7）无符号的右移 无符号的右移用“”表示,6赋值运算符,JavaScript
9、中赋值运算符是“=”符号，它将等号右边的值赋给等号左边的变量。,表2-4 带操作的赋值运算符,7其他运算符,（1）条件运算符（?:） （2）typeof运算符 （3）new运算符 （4）delete运算符 （5）void运算符 （6）函数调用运算符,2.1.6 程序流程控制,1选择结构 （1）单一选择结构 代码结构如下： if (condition) statement,（2）二路选择结构,代码结构如下： if (condition) statement1 else statement2,（3）内联三元运算符,代码结构如下： (condition) ? statement1 : stateme
10、nt2;,2循环结构,（1）while循环 while循环是一种常见的循环结构，其代码结构如下： while (condition) statement ,（2）do while循环,do while循环和while循环类似，区别在于计算condition表达式的位置。在do while循环中，每次循环结束时会计算condition表达式的值，如果该表达式的值为true，则继续循环，否则结束循环。 do while循环的代码结构如下所示： do statement while (condition),（3）for循环,for循环常用于遍历数组，对数组的每个成员执行相同或者类似的操作，其代码结构
11、如下所示： for (initialize; condition; increment) statement ,（4）for in循环,JavaScript还提供了一种for in的循环机制来遍历对象的所有属性，其代码结构如下： for (prop in object) . ,3异常处理结构,前面讨论的选择结构和循环结构都是通过判断条件表达式的值来确定程序流向的，异常处理结构则不同，它是根据程序执行过程中是否发生异常来决定程序流向的。,其代码结构如下： try statement catch (exception) catchStatement finnaly finnalyStatement
12、 ,2.2 JavaScript内置对象,作为一门编程语言，JavaScript提供了一些内置的对象和函数。 内置对象提供编程的几种最常用的功能。,ECMAScript定义的JavaScript内置对象主要包括： （1）全局（Global）对象 （2）对象（Object）对象 （3）字符串（String）对象 （4）正则表达式（RegExp）对象 （5）数组（Array）对象,（6）数学（Math）对象 （7）日期（Date）对象 （8）数字（Number）对象 （9）函数（Function）对象 （10）布尔值（Boolean）对象 （11）错误（Error）对象,2.2.1 全局（Glob
13、al）对象,表2-5 Global对象的属性和方法,2.2.2 对象（Object）对象,表2-6 Object对象的属性和方法,2.2.3 字符串（String）对象,表2-7 String对象的属性和方法,2.2.4 正则表达式（RegExp）对象,表2-8 RegExp对象的属性和方法,2.2.5 数组（Array）对象,表2-9 Array对象的属性和方法,2.2.6 数学（Math）对象,表2-10 Math对象的属性和方法,2.2.7 日期（Date）对象,表2-11 Date对象的属性和方法,2.2.8 数字（Number）对象,表2-12 Number对象的属性和方法,2.2.9 函数（Function）对象,表2-13 Function对象的属性和方法,2.2.10 布尔值（Boolean）对象,表2-14 Boolean对象的方法,2.2.11 错误（Error）对象,表2-15 Error对象的属性和方法,小 结,本章讲解了JavaScript的基本语法，并且对JavaScript的内置对象进行了简单介绍，在后续章节中还将会通过具体的示例对内置对象进行深入讲解。,
