JavaScript程序设计基础教程（慕课版）（第2版） 实训指导-3.1 使用条件语句---3.7利用递归函数求阶乘相加.docx
实训案例名称：使用条件语句
1．任务介绍
假设学生A数学考试成绩得了78分，请选择合适的条件语句判断学生A的成绩等级。（60分以下为不及格；60分到70分为及格；70分到80分为良好；80分到100分为优秀）
2．任务目标
学会JavaScript各种条件语句的使用场景。
3．实现思路
这里要判断的是学生A的成绩属于哪个等级，很明显不能用循环语句来实现；switch语句也并不太合适，因为要比较的是几个区间值；那么只有用if…else…条件语句才是最恰当的。
4．实现代码
完整代码如脚本3-1所示。
脚本3-1.html
!DOCTYPEHTML
html
head
metahttp-equivmetahttp-equiv=Content-Typecontent=text/html;charset=utf-8/
titleif...else/title
scripttype=text/JavaScript
varscore=78;//score变量存储成绩，初值为80
if(score60){
document.write(成绩不及格。);
}elseif(score=60score=70){
document.write(成绩及格。);
}elseif(score70score=80){
document.write(成绩良好。);
}else{
document.write(成绩优秀。);
}
/script
/head
body
/body
/html
5．运行结果
运行结果如图3.5所示。
图3.5任务3-1运行结果
实训案例名称：定义及调用函数
1．任务介绍
网页中有一按钮（名字“点击我”），当单击按钮后调用函数contxt()，弹出对话框“调用函数成功!”。
2．任务目标
学会function函数定义以及函数的调用。
3．实现思路
首先编写一个函数contxt，函数内容为弹出alert警告框，然后用函数调用的方式在单击按钮时调用即可。
4．实现代码
完整代码脚本如脚本3-5所示。
脚本3-5.html
!DOCTYPEHTML
html
head
metahttp-equivmetahttp-equiv=Content-Typecontent=text/html;charset=utf-8/
title函数调用/title
scripttype=text/javascript
functioncontxt(){
alert(调用函数成功!);
}
/script
/head
body
form
inputtype=buttonvalue=点击我onclick=contxt()
/form
/body
/html
5．运行结果
运行结果如图3.17所示。
图3.17任务3-2运行结果
实训案例名称：使用递归函数
1．任务介绍
编写程序求100+99+…+2+1的结果。
2．任务目标
学会JavaScript递归函数的使用。
3．实现思路
定义一个函数，设置循环变量在函数内部调用自身。
4．实现代码
完整代码如脚本3-6所示。
脚本3-6.html
!DOCTYPEhtml
htmllang=en
head
/head
body
script
varrecursion=function(i){
if(i1)return0;
returni+recursion(i-1);
}
console.log(recursion(100));
/script
/body
/html
5．运行结果
运行显示结果如图3.18所示。
图3.18任务3-3运行结果
实训案例名称：异常捕获与处理
1．任务介绍
制造一个引用错误并用异常语句进行捕获。
2．任务目标
学会JavaScript异常捕获处理。
3．实现思路
设置一个变量引用错误示例，用JavaScript异常捕获语句try…catch…来捕获代码中的错误。
4．实现代码
完整代码如脚本3-7所示。
脚本3-7.html
!DOCTYPEHTML
html
head
metahttp-equiv=Content-Typecontent=text/html;charset=utf-8/
titleJavaScript异常捕获/title
scri