JavaScript编程基础.ppt

晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,JavaScript 编程基础,（本部分内容分两次讲授）,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第二讲 JavaScript 编程基础（一）,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第二讲 JavaScript 编程基础（一）,表达式与运算符,数据类型、常量与变量,注释语句,赋值语句,条件控制语句,主要内容,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第二讲 JavaScript 编程基础（一）,1 数据类型、常量与变量 数据类型：采用弱类型的形式，即一个数据（变量或常量）不必首先声明，可在使用或赋值时再确定其类型。当然也可以先声明该数据的类型。包括： 数值型（number）：它的值是以不带引号的数字形式出现在程序中，主要用于各种数学运算。它包括以下两种： 整型数：由19开始的数字组成的十进制数，或由0开始的、由07数字组成的八进制数，或由0x开始的、由数字、af或AF组成的十六进数，如：219、017、0xf 。 浮点数：由整型数和小数点或e、E组成的数。如3.14、1.4e12 。,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第二讲 JavaScript 编程基础（一）,字符串型（string）：它的值以单引号或双引号形式出现在程序中，主要用于进行各种字符串处理 。 布尔型：它只有两个值，true和false，主要用来表示数据比较的结果。 特殊数据类型： 转义字符：以反斜杠开头的特殊字符 未定义值：undefined，表示变量没有被赋值，或赋予了一个不存在的属性值。NaN，即“非数字”，当程序中由于某种原因发生计算错误时，将产生一个没有意义的数字。 空值：null，用于定义空的或不存在的引用，如果试图引用一个没有定义的变量，则返回null。,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第二讲 JavaScript 编程基础（一）,常量：值不能改变的量。常量主要用于为程序提供固定的和精确的值（包括数值和字符串）。 变量 变量是在计算机内存中暂时保存数据的地方，在程序中可以使用变量名来对变量中所保存的数据进行各种处理操作。使用变量应注意： 变量的命名 变量的声明与赋值 变量的作用域 变量的生存期,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第二讲 JavaScript 编程基础（一）,2 表达式与运算符 表达式：运算符和操作数的组合称为表达式，其计算结果是一个单一值，被JavaScript归入下列数据类型之一：boolean、number、string、function、object 。 运算符： 字符串运算符：+ 算术运算符：+ - * / + - % 逻辑运算符：& | ! 位运算符：& | 比较运算符： = = = != != 赋值运算符：= += -= *= /= %= 其他运算符：?: ( ) , . delete new this typeof void,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第二讲 JavaScript 编程基础（一）,3 赋值语句 赋值语句用来对变量进行赋值，语法格式为： 变量名=表达式; 当使用关键字var声明变量时，可以同时使用赋值语句对声明的变量进行赋值，语法格式为： var 变量名=表达式,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第二讲 JavaScript 编程基础（一）,4 注释语句 单行注释语句：以双斜杠/开始直到这一行结束。 多行注释语句：以/*开始一直到*/结束 。 添加注释的作用： 帮助说明程序中某些语句的作用和功能，使程序更易于理解； 可以使用注释暂时屏蔽某些语句，使浏览器暂时忽略它们，等到需要时再取消注释。,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第二讲 JavaScript 编程基础（一）,5 条件控制语句 条件控制语句就是对语句中不同条件的值进行判断，进而根据不同的条件执行不同的语句。主要包括4种： if语句 例3-8 if-else语句 if-else if-语句 例3-9 if语句的嵌套 例3-10 switch语句 例3-12,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第二讲 JavaScript 编程基础（一）,表达式与运算符,数据类型、常量与变量,注释语句,赋值语句,条件控制语句,小结,Thank You !,湖南理工职业技术学院信息工程系,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第三讲 JavaScript 编程基础（二）,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第三讲 JavaScript 编程基础（二）,跳转语句,循环控制语句,函数的定义与调用,异常处理语句,递归函数,主要内容,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第三讲 JavaScript 编程基础（二）,1 循环控制语句 循环控制语句是指在满足条件的情况下反复执行的语句。主要包括3种： while语句 dowhile语句 for语句,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第三讲 JavaScript 编程基础（二）,1 循环控制语句 while语句的语法格式为: while (expression) statement 注意：使用while语句时，必须先声明循环变量并且在循环体中指定循环变量的增量，否则while语句将成为一个死循环。 例3-14 应用while循环对指定的字符串进行输出，并且每次输出的字号逐渐递减。,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第三讲 JavaScript 编程基础（二）,1 循环控制语句 dowhile语句的语法格式为: do statement while(expression); 注意：使用dowhile语句时，该语句的循环体至少被执行一次。 例3-15 dowhile语句与while语句的比较。,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第三讲 JavaScript 编程基础（二）,1 循环控制语句 for语句的语法格式为: for ( initialize; test; increment ) statement 注意：使用dowhile语句时，该语句的循环体至少被执行一次。 例3-17 应用两个for语句创建一个简易的九九乘法表。,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第三讲 JavaScript 编程基础（二）,2 跳转语句 break语句 break语句可以使程序立即跳出循环，该语句有两种形式： 无标号的，语法格式：break; 有标号的，在break后加一个语句标号，以表明跳出该标号所指定的循环并执行该循环之后的代码。 例3-20 输出i的值，并且当i的值大于10时，跳出循环。 例3-16 在for循环中，同时应用break语句和label语句。 continue语句 continue语句可以跳过当前循环的剩余语句。 语法格式为：continue; 例3-20 将原程序中的break改为continue,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第三讲 JavaScript 编程基础（二）,3 异常处理语句 trycatch语句 try.catch 的作用是测试代码中的错误。 语法格式为： try /需要运行的代码 catch(err) /处理错误的代码 例3-21 ,例3-21-1 throw语句 throw 语句的作用是抛出 exception（异常或错误）。 语法格式为：throw(exception) ； 例3-22,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第三讲 JavaScript 编程基础（二）,4 函数 函数的定义 函数是由关键字function、函数名加一组参数以及置于大括号中需要执行的一段语句定义的。 语法格式为： function functionName(parameters) some statements; 函数定义后并不会自动执行，要执行一个函数需要在特定的位置调用函数。,晴天电子课件 2011年下学期,湖南理工职业技术学院信息工程系,第三讲 JavaScript 编程基础（二）,4 函数 函数的调用 函数的简单调用：例3-23 在事件响应中调用函数：例3-24 通过链接调用函数：例3-25 递