最新JavaScript前端开发案例教程第4章-函数-教学PPT课件ppt.ppt

《最新JavaScript前端开发案例教程第4章-函数-教学PPT课件ppt.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、进入夏天，少不了一个热字当头，电扇空调陆续登场，每逢此时，总会想起那一把蒲扇。蒲扇，是记忆中的农村，夏季经常用的一件物品。　　记忆中的故乡，每逢进入夏天，集市上最常见的便是蒲扇、凉席，不论男女老少，个个手持一把，忽闪忽闪个不停，嘴里叨叨着“怎么这么热”，于是三五成群，聚在大树下，或站着，或随即坐在石头上，手持那把扇子，边唠嗑边乘凉。孩子们却在周围跑跑跳跳，热得满头大汗，不时听到“强子，别跑了，快来我给你扇扇”。孩子们才不听这一套，跑个没完，直到累气喘吁吁，这才一跑一踮地围过了，这时母亲总是，好似生气的样子，边扇边训，“你看热的，跑什么？”此时这把蒲扇，是那么凉快，那么的

2、温馨幸福，有母亲的味道！　　蒲扇是中国传统工艺品，在我国已有三千年多年的历史。取材于棕榈树，制作简单，方便携带，且蒲扇的表面光滑，因而，古人常会在上面作画。古有棕扇、葵扇、蒲扇、蕉扇诸名，实即今日的蒲扇，江浙称之为芭蕉扇。六七十年代，人们最常用的就是这种，似圆非圆，轻巧又便宜的蒲扇。　　蒲扇流传至今，我的记忆中，它跨越了半个世纪，也走过了我们的半个人生的轨迹，携带着特有的念想，一年年，一天天，流向长长的时间隧道，袅JavaScript前端开发案例教程第4章-函数-教学PPT学习目标掌握掌握掌握掌握函数的使用方法12掌握变量的作用域掌握匿名函数与闭包函数3目录变量的作用

3、域4.24.1函数的定义与调用匿名函数4.3☞点击查看本小节知识架构☞点击查看本小节知识架构嵌套与递归4.4☞点击查看本小节知识架构知识架构4.4嵌套与递归1函数嵌套与作用域链2递归调用3【案例】求斐波那契数列第N项的值知识架构4.5闭包函数1什么是闭包函数2闭包函数的实现4.1函数的定义与调用初识函数函数：用于封装一段完成特定功能的代码。相当于将一条或多条语句组成的代码块包裹起来，用户在使用时只需关心参数和返回值，就能完成特定的功能，而不用了解具体的实现。4.1函数的定义与调用初识函数console.log(parseFloat('7.26e-2'));//返回解析后

4、的浮点数：0.0726console.log(isNaN(''));//判断是否是NaN：falseconsole.log(parseInt('15.99'));//返回解析后的整数值：15观察“内置函数”的使用parseFloat()用于返回解析字符串后的浮点数。isNaN()判断给定参数是否为NaN，判断结果为是，返回true，否则返回false。parseInt()用于返回解析字符串后的整数值。4.1函数的定义与调用初识函数function函数名([参数1,参数2,……]){函数体……}函数的定义由以下4部分组成：关键字function。函数名。参数。函数体。除了

5、使用内置函数外，JavaScript中还可以根据具体情况自定义函数，提高代码的复用性、降低程序维护的难度。4.1函数的定义与调用初识函数function：定义函数的关键字。函数名：可由大小写字母、数字、下划线（_）和$符号组成，但是函数名不能以数字开头，且不能是JavaScript中的关键字。参数：是外界传递给函数的值，它是可选的，多个参数之间使用“,”分割。函数体：是专门用于实现特定功能的主体，由一条或多条语句组成。返回值：在调用函数后若想得到处理结果，在函数体中可用return关键字返回。4.1函数的定义与调用初识函数注意函数的名称最好不要使用JavaScript中

6、的保留字，避免在将来被用作关键字导致出错。4.1函数的定义与调用参数设置函数可以根据参数的设置分为以下两种：无参函数有参函数4.1函数的定义与调用参数设置无参函数：适用于不需要提供任何数据，即可完成指定功能的情况。functiongreet(){console.log('Helloeverybody!');}在自定义函数时，即使函数的功能实现不需要设置参数，小括号“()”也不能够省略。4.1函数的定义与调用参数设置有参函数：适用于开发时函数体内的操作需要用户传递数据的情况。形参：指的就是形式参数，具有特定的含义，在定义有参函数时设置的参数。实参：指的是实际参数，也就是具

7、体的值，在函数调用时传递的参数。functionmaxNum(a,b){a=parseInt(a);b=parseInt(b);returna>=b?a:b;}示例4.1函数的定义与调用参数设置获取函数调用时传递的所有实参：适用于开发时函数体形参不确定的情况。实现方式：利用arguments对象，在函数体内可获取函数调用时传递的实参。其他操作：length属性可获取实参的总数，具体实参值可利用数组遍历方式。functiontransferParam(){console.log(arguments.length);console.log(a