文档详情

JavaScript程序设计基础教程(慕课版)(第2版) 教案 单元3、4 JavaScript程序构成、JavaScript对象.docx

发布:2025-04-24约4.51千字共10页下载文档
文本预览下载声明

PAGE1

PAGE

单元3JavaScript程序构成

课程名称

JavaScript程序设计

项目名称

JavaScript程序构成

任务名称

JavaScript程序构成

课时

2

项目性质

□演示性□验证性□设计性√综合性

授课班级

授课日期

授课地点

教学目标

能力目标:

1.具备使用if条件语句解决问题的能力

2.具备使用for循环语句解决问题的能力

3.具备使用for...in循环语句解决问题的能力

4.具备使用while循环语句解决问题的能力

5.具备使用label语句解决问题的能力

6.具备使用do...while语句解决问题的能力

7.具备使用switch循环语句解决问题的能力

知识目标:

1.了解什么是流程控制语句

2.掌握break语句与continue语句的用法

3.掌握函数表达式及语法、函数参数、函数返回值和函数调用模式、递归调用、作用域、异常处理以及闭包

4.掌握事件处理程序方式和常用的事件

素质目标:

1.培养学生知识掌握和技能运用能力

2.培养学生团结合作、互帮互助的能力

教学内容

1.任务描述

2.任务展示与实现

(1)在程序中使用if条件语句、for循环语句、for...in循环语句、while循环语句、label语句、do...while语句、switch循环语句以及break语句与continue语句。

(2)使用函数表达式及语法

(3)事件处理程序方式和常用的事件,包括窗口、鼠标、表单和键盘事件

(4)学生动手操作

3.教师讲解本任务涉及的知识点

教学重点

for循环语句与while循环语句在使用上的不同

教学难点

1.apply和call的区别

2.循环语句中的Continue和break语句的使用

教学准备

1.装有Chrome浏览器或者Firefox浏览器,并且安装有WAMP的电脑

2.教学课件PPT

3.教材:《JavaScript程序设计基础教程(微课版)》刘刚人民邮电出版社

作业设计

1.假设学生A数学考试成绩得了78分,请选择合适的条件语句判断学生A的成绩等级。(60分以下为不及格;60分到70分为及格;70分到80分为良好;80分到100分为优秀)

2.网页中有一按钮(名字“点击我”),当单击按钮后调用函数contxt(),弹出对话框“调用函数成功!”。

教学过程

教学

环节

教学内容与过程

(教学内容、教学方法、组织形式、教学手段)

课前组织

做好课前“5分钟”教学管理(多媒体、实训室),做好上课前的各项准备工作(打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等),吸引学生注意力。

课程

说明

【课前说明】

分别介绍JavaScript的流程控制语句,并从函数表达式及语法、函数参数、函数返回值和函数调用模式、递归调用、作用域、异常处理以及闭包等方面来介绍函数,介绍常用的事件。

【目的】

使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习知识的要求和目标。

课程

内容

描述

一、讲解什么是流程控制语句

1.if语句的语法如下。

if(condition)statement1elsestatement2;

2.for循环语句的语法如下。

for(initialization;expression;post-loop-expression)statement;

3.for…in语句语法如下。

for(propertyinexpression)statement;

4.while语句语法如下。

while(expression)statement;

5.label语句语法如下。

label:statement

6.break和continue语句用于循环中精确地控制代码的执行。break语句可以立即退出循环,阻止再次反复执行任何代码。而continue语句只是退出当前循环,根据控制表达式还允许继续进行下一次循环。

7.do…while语句的语法如下。

do

{

statements;

}

while(condition)

8.switch语句的语法如下:

switch(expression)

casevalue:statement;

break;

casevalue:statement;

break;

casevalue:statement;

break;

casevalue:statement;

break;

...

casevalue:statement;

break;

default:statem

显示全部
相似文档