《web前端技术》 教案 第19课 函数.docx

PAGE 6 PAGE 6 PAGE 5 PAGE 5 课题 第19课 函数 课时 2课时（90 min） 教学目标 知识技能目标： （1）掌握函数的定义和调用方法 （2）熟悉嵌套函数和递归函数 素质目标： （1）探索函数、对象和数组的相关知识，增强自身的钻研精神 （2）提高对事物的观察和归纳总结能力，养成良好的编程习惯和思维方式 教学重难点 教学重点：函数的定义和调用方法 教学难点：嵌套函数和递归函数 教学方法 问答法、讨论法、讲授法、实践练习法、演示法 教学用具 电脑、投影仪、多媒体课件、教材、 教学设计 第1节课：课前任务→考勤（2 min）→问题导入（3min）→传授新知（25min）→实战拓展（15min） 第2节课：问题导入（5min）→传授新知（20min）→实战演练（15min）→课堂小结（3min）→作业布置（2min） 教学过程 主要教学内容及步骤 设计意图 第一节课 课前任务 【教师】布置课前任务，把和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，完成课前任务 了解函数的含义以及调用方法 【学生】完成课前任务 通过课前任务，让学生提前了解函数的含义以及调用方法，为课堂上学习相关知识点做准备 考勤 （2 min） 【教师】使用APP进行签到 【学生】按照老师要求签到 培养学生的组织纪律性，掌握学生的出勤情况 问题导入 （3min） 【教师】提出问题 什么是函数？ 【学生】思考、举手回答 【教师】通过学生的回答引入要讲的知识 JavaScript中，函数就是实现某特定功能的一组代码，是实现模块化程序设计的基础。使用函数不仅可以提高代码重复使用的频率，还可以让代码更简洁，从而大大提高工作效率。 通过问题导入的方法，引导学生主动思考，激发学生的学习兴趣 传授新知 （25min） 10.1 函 数 10.1.1 函数的定义和调用 【教师】讲解函数的定义和函数的调用，并演示例子辅助理解 JavaScript 中，如果一段具有特定功能的程序代码需要多次使用，就可以先将这段代码定义为函数，然后在需要这个功能的地方调用定义的函数即可。下面详细介绍函数的定义和调用。 1．函数的定义 在 JavaScript 中，定义函数的常用方法有以下几种。 使用 function 语句直接定义函数，其语法格式如下： …（详见教材） 将一匿名函数值赋给一个变量“函数名”，其语法格式如下： …（详见教材） 将函数“函数名 2”的返回值赋给变量“函数名 1”，其语法格式如下： …（详见教材） 声明“函数名”为一个对象，其语法格式如下： …（详见教材） 【课堂拓展】 通过函数对象的性质，可以极其方便地将函数的值赋给变量，也可以将函数的值作为参数进行传递。 上述这些常用方法中，函数名是必选的，用于指定函数的名称，在同一网页中，函数名必须是唯一的，且区分大小写；参数是可选的，用于指定参数列表，当使用多个参数时，…（详见教材） 2．函数的调用 在定义好一个函数后，要想函数在程序中发挥作用，就必须调用该函数。函数调用的语法比较简单，只需引用函数名，并在括号中传入相应参数即可。函数调用的语法格式如下： 函数名(参数 1,参数 2,参数 3,…,参数 n) 【例 10-1】 使用 function 语句直接定义加法函数 add()，并调用该函数，…（详见教材） 【学生】聆听、记录、理解、观看效果 【课堂拓展】 【教师】让学生按以下要求思考并制作项目，有疑问可讨论或询问老师 请使用其他函数定义方法定义加法函数，并调用该函数，输出运算结果。 【学生】思考，动手制作 10.1.2 函数的参数和返回值 【教师】讲解函数的参数和返回值 了解函数的定义和调用后，能够发现函数中涉及参数和返回值两个概念，下面对它们进行详细介绍。 1．函数的参数 定义函数时指定的参数称为形式参数，简称形参。例如，例 10-1 中自定义的加法函数add(num1,num2)中的参数 num1 和 num2 都是形参。…（详见教材） 2．函数的返回值 调用函数时，可以通过实参向函数传递数据，也可以从函数获取数据，即函数可以返回值。在 JavaScript 的函数中，使用 return 语句可以为函数返回一个值。…（详见教材） 通过教师的讲解和演示例子，使学生了解函数的定义和调用、讲解函数的参数和返回值 实战拓展 （15min） 【教师】让学生用定义函数的不同方式练习以下习题 编写一个函数，计算三个数字的大小，按从小到大顺序输出（用function语句直接定义函数） 编写生成4位数字验证码的函数，并生成10次，同时将结果打印出来。 【学生】聆听、记录，打分，反思 通过习题，将知识应用到实例中，锻炼学生的主动思考能力和编程能力 第二节课 问题导入（5min