JavaScript编程基础

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