Web 前端开发技术 教案 项目八 JavaScript 语句和函数

Web前端开发技术教案设计项目课题JavaScript语句和函数授课时间授课对象大学生学习目标1.掌握各条件语句的格式和用法。2.掌握各循环语句的格式和用法。3.掌握函数的定义及调用的格式。学习重点掌握各循环语句的格式和用法。学习难点掌握函数的定义及调用的格式。教学方法讲授法、课堂演示法教学用具多媒体课件教学流程教学环节教学内容教学过程任务一条件语句一、if语句if语句在条件表达式为true时,执行语句中指定的代码,其基本语法格式如下。if(条件表达式){语句;}如果条件表达式为true,则执行if语句中指定的语句;如果条件表达式为false,则跳过if语句,执行if语句后面的语句。二、if-else语句if-else语句根据一个条件表达式的结果,对应执行两个不同的分支代码,其基本语法格式如下。if(条件表达式){语句1;}else{语句2;}如果条件表达式为true,则执行语句1;如果条件表达式为false,则执行语句2。当判断条件较多时,可以使用if语句的嵌套,即在语句1或语句2中继续使用if语句进行其他条件的判断。三、if-elseif-else语句当有多个分支条件需要判断时,可以用elseif语句依次进行多条件判断,执行条件表达式为true时对应的代码。若所有条件表达式都为false,则执行最后一个else语句后的代码,其基本语法格式如下。if(条件表达式1){语句1;}elseif(条件表达式2){语句2;}……elseif(条件表达式n){语句n;}else{语句;}四、switch语句switch语句用于将表达式的值与多个值进行比较,根据比较结果执行对应的语句,其基本语法格式如下。switch(表达式){case值1:{语句1;break;}case值2:{语句2;break;}……default:{语句n;}}任务二循环语句一、for语句for语句通过设置循环变量,根据循环变量控制循环语句执行的次数,其基本语法格式如下。for(初始表达式;判断表达式;更新表达式){循环体语句;}初始表达式在循环开始前执行,一般用来定义循环变量。判断表达式是循环的条件,当判断表达式结果为true时,执行循环体语句;当判断表达式结果为false时,结束for语句。循环体语句执行后,再执行更新表达式,接着执行判断表达式,然后重复前面的过程。二、for-in语句for-in语句用于对一个集合的数据属性和方法进行遍历。每获得集合中的一个数据属性,就执行一次循环体。集合可以是数组或对象,其基本语法格式如下。for(变量in对象){循环体语句;}三、while语句while语句是根据条件表达式的结果,控制循环体语句是否执行,其基本语法格式如下。while(条件表达式){循环体语句;}先判断条件表达式,如果为true,则执行循环体语句;如果为false,则结束while语句。循环体语句执行后,重复判断条件表达式,再根据结果确定后续是执行循环体语句,还是结束while语句。while语句是前测试型循环,若条件不成立,则循环体语句一次都不会执行。任务三do-while语句一、语法规则do-while语句先执行循环体语句,然后判断条件表达式,如果条件表达式为true,则重复执行循环体语句;如果条件表达式为false,则结束do-while语句,其基本语法格式如下。do{循环体语句;}while(条件表达式);do-while语句是后测试型循环,由于它是在循环体语句执行后再进行条件判断,所以循环体语句至少会执行一次。二、break和continue语句break语句用于结束当前语句。如果是循环语句,则结束当前循环,执行循环语句后的语句。continue语句用于提前结束本次循环,循环语句内还没执行的语句不再执行,重新开始下一次循环。任务四函数一、函数定义函数的定义是指创建一个可重复使用的代码块,用于执行特定的任务或计算特定的值。在JavaScript中,函数的定义可以使用function关键字和函数名,以及一组参数和函数体来实现。函数定义格式如下。function函数名(参数1,参数2……){函数体代码语句;return表达式;}参数是函数执行前接收的数据。函数可以没有参数,但是要保留括号。函数的功能由执行函数体代码语句实现。函数可以在执行函数体代码语句后,通过return表达式返回一个值。函数可以没有return表达式,只执行函数体代码语句。return表达式只能用于函数中。函数内定义的变量是局部变量,具有局部范围,只能在定义它们的函数中使用;函数外定义的变量是全局变量,是在整个JavaScript代码中都有效的变量。二、函数调用函数的调用是指使用函数名称和参数列表执行函数体,以计算出函数的返回值。在JavaScript中,函数的调用可以使用函数名和一组参数来实现。函数调用语句的格式如下。函数名(参数1,参数2……)在使用函数调用语句时,参数的类型、个数和顺序要和函数定义时的参数类型、个数和顺序相同。由于JavaScript在函数调用时不会进行参数检测,所以如果不一致,则会发生未知错误。作业布置一、问答题(1)各条件语句之间有什么不同?(2)各循环语句之间有什么不同?(3)在switch语句中,各分支为什么要使用break语句?(4)在JavaScript中如何定义和调用一个函数?(5)函数调用时参数的类型和顺序有什么规定?(6)打印字符