Web 前端开发技术 教案 项目八 JavaScript 语句和函数.docx
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表达式;
}
参数是函数执行前接收的数据。函数可以没有参数,但是要保留括号。函数的功能由执行函数体代码语句实现。函数可以在执行函数体代码语句后,通过ret