《web前端技术》(赵敏)003-0教案 第19课 函数_第1页
《web前端技术》(赵敏)003-0教案 第19课 函数_第2页
《web前端技术》(赵敏)003-0教案 第19课 函数_第3页
《web前端技术》(赵敏)003-0教案 第19课 函数_第4页
《web前端技术》(赵敏)003-0教案 第19课 函数_第5页
已阅读5页，还剩2页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

PAGE1PAGE1PAGE2PAGE2

课题第19课函数课时2课时（90min）教学目标知识技能目标：（1）掌握函数的定义和调用方法（2）熟悉嵌套函数和递归函数素质目标：（1）探索函数、对象和数组的相关知识，增强自身的钻研精神（2）提高对事物的观察和归纳总结能力，养成良好的编程习惯和思维方式教学重难点教学重点：函数的定义和调用方法教学难点：嵌套函数和递归函数教学方法问答法、讨论法、讲授法、实践练习法、演示法教学用具电脑、投影仪、多媒体课件、教材、文旌课堂教学设计第1节课：→→→传授新知（25min）→实战拓展（15min）第2节课：→传授新知（20min）→实战演练（15min）→课堂小结（3min）→作业布置（2min）教学过程主要教学内容及步骤设计意图第一节课课前任务【教师】布置课前任务，把和学生负责人取得联系，让其提醒同学通过文旌课堂APP或其他学习软件，完成课前任务了解函数的含义以及调用方法【学生】完成课前任务通过课前任务，让学生提前了解函数的含义以及调用方法，为课堂上学习相关知识点做准备考勤（2min）【教师】使用文旌课堂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）【教师】提出问题什么是嵌套函数？什么是递归函数？【学生】思考、举手回答【教师】通过学生的回答引入要讲的知识通过问题导入的方法，引导学生主动思考，激发学生的学习兴趣传授新知（20min）10.1.3嵌套函数和递归函数【教师】讲解嵌套函数和递归函数，并演示例子辅助理解在JavaScript中，不仅可以使用简单的函数，还允许使用嵌套函数和递归函数。1．嵌套函数嵌套函数就是在一个函数的函数体中使用其他的函数。嵌套函数的使用包括函数的嵌套定义和函数的嵌套调用。（1）函数的嵌套定义是指在函数内部定义其他的函数。例如，在函数out()内部嵌套定义函数in()，代码如下：…（详见教材）2．递归函数递归函数是指函数在自身的函数体内调用自身，其语法格式如下：…（详见教材）【例10-2】使用递归函数实现阶乘（以下提供部分代码），页面加载后，输出阶乘结果，…（详见教材）在使用递归函数时一定要当心，处理不当会导致程序进入死循环。因此，在定义递归函数时需要设置两个必要条件。（1）结束递归的条件。…（详见教材）（2）递归调用语句。…（详见教材）【课堂拓展】在JavaScript中，除了可以使用自定义的函数外，还可以使用JavaScript的内置函数。内置函数就是指JavaScript内部已经定义好的函数，使用时直接调用即可。…（详见教材）上述这些常用方法中，函数名是必选的，用于指定函数的名称，在同一网页中，函数名必须是唯一的，且区分大小写；参数是可选的，用于指定参数列表，当使用多个参数时，…（详见教材）2．函数的调用在定义好一个函数后，要想函数在程序中发挥作用，就必须调用该函数。函数调用的语法比较简单，只需引用函数名，并在括号中传入相应参数即可。函数调用的语法格式如下：函数名(参数1,参数2,参数3,…,参数n)【例10-1】使用function语句直接定义加法函数add()，并调用该函数，…（详见教材）…（详见教材）【学生】聆听、记录、理解、观看效果【课堂拓展】【教师】让学生按以下要求思考并制作项目，有疑问可讨论或询问老师请使用其他函数定义方法定义加法函数，并调用该函数，输出运算结果。【学生】思考，动手制作10.1.2函数的参数和返回值【教师】讲解函数的参数和返回值了解函数的定义和调用后，能够发现函数中涉及参数和返回值两个概念，下面对它们进行详细介绍。1．函数的参数定义函数时指定的参数称为形式参数，简称形参。例如，例10-1中自定义的加法函数add(num1,num2)中的参数num1和num2都是形参。…（详见教材）2．函数的返回值调用函数时，可以通过实参向函数传递数据，也可以从函数获取数据，即函数可以返回值。在JavaScript的函数中，使用return语句可以为函数返回一个值。…（详见教材）本节课利用翻转课堂的形式，充分发挥学生的自主能动性，活跃课堂气氛，课下课上相结合，锻炼学生自主学习的能力，课堂互相提问和答疑，便于学生更好的掌握嵌套函数和递归函数实战演练（15min）判断某一年是否为闰年【教师】介绍制作“判断某一年是否为闰年”项目的重点部分和容易出错的地方并演示，要求学生制作该项目，遇到不会的问题可以扫描微课二维码观看视频”判断某一年是否为闰年“（详见教材），可以互相讨论或询问老师学习了函数的各种用法之后，本节使用函数实现判断某个年份是否为闰年。步骤1在HBuilderX中导入本书配套素材“素材与案例\第10章\实战演练”文件夹，右击HBuilderX主界面左侧栏中的“实战演练”文件夹，新建“panduan.html”文档，并使用以下代码设置页面标题。步骤2编写JavaScript代码判断2022年是否为闰年。在<body>…</body>标签中添加以下代码，定义并调用判断函数，输出判断结果……（详见教材）制作项目，观看微课，讨论通过制作项目“判断某一年是否为闰年”使学生巩固函数的调用方法，锻炼动手操作能力课堂小结（3min）【教师】简要总结本节课的要点本节课主要介绍了函数的相关知识。通过本节课的学习，学生应重点掌握以下内容。（1）在JavaScript中，如果一段具有特定功能的程序代码需要多次使用，就可以先将这段代码定义为函数，然后在需要这个功能的地方调用定义的函数即可。（2）定义函数时指定的参数称为形式参数，简称形参。调用函数时实际传递的参数称为实际参数，简称实参。此外，使用return语句可以为函数返回一个值。（3）在JavaScript中，允许使用嵌套函数和递归函数。嵌套函数就是在一个函数的函数体中使用其他的函数。递归函数是指函数在自身的函数体内调用自身。【学生】总结回顾知识点总结知识点，使学生牢固掌握函数的相关知识作业布置（2min）【教师】布置课后作业请同学们完成以下作业，并将代码打包之文旌课堂APP某个公司采用公用电话传递数据，数据是四位的整数，在传递过程中是加密的，加密规则如下：每位数字都加上5,然后用除以10的余数代替该数字，再将第一位和第四位交换，第二位和第三位交换，请

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论