JavaScript前端开发案例教程第4章_函数_教学.ppt

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

1、第4章函数函数的使用匿名函数变量的作用域闭包函数学习目标掌握掌握掌握掌握函数的使用方法12掌握变量的作用域掌握匿名函数与闭包函数3目录变量的作用域4.24.1函数的定义与调用匿名函数4.3☞点击查看本小节知识架构☞点击查看本小节知识架构嵌套与递归4.4☞点击查看本小节知识架构目录4.5闭包函数☞点击查看本小节知识架构知识架构4.1函数的定义与调用1初识函数2参数设置3函数的调用4【案例】字符串大小写转换知识架构4.3匿名函数1函数表达式2匿名函数3回调函数知识架构4.4嵌套与递归1函数嵌套与作用域链2递归调用3【案例】求斐波

2、那契数列第N项的值知识架构4.5闭包函数1什么是闭包函数2闭包函数的实现4.1函数的定义与调用初识函数函数：用于封装一段完成特定功能的代码。相当于将一条或多条语句组成的代码块包裹起来，用户在使用时只需关心参数和返回值，就能完成特定的功能，而不用了解具体的实现。4.1函数的定义与调用初识函数console.log(parseFloat('7.26e-2'));//返回解析后的浮点数：0.0726console.log(isNaN(''));//判断是否是NaN：falseconsole.log(parseInt('15.99')

3、);//返回解析后的整数值：15观察“内置函数”的使用parseFloat()用于返回解析字符串后的浮点数。isNaN()判断给定参数是否为NaN，判断结果为是，返回true，否则返回false。parseInt()用于返回解析字符串后的整数值。4.1函数的定义与调用初识函数function函数名([参数1,参数2,……]){函数体……}函数的定义由以下4部分组成：关键字function。函数名。参数。函数体。除了使用内置函数外，JavaScript中还可以根据具体情况自定义函数，提高代码的复用性、降低程序维护的难度。4.1函

4、数的定义与调用初识函数function：定义函数的关键字。函数名：可由大小写字母、数字、下划线（_）和$符号组成，但是函数名不能以数字开头，且不能是JavaScript中的关键字。参数：是外界传递给函数的值，它是可选的，多个参数之间使用“,”分割。函数体：是专门用于实现特定功能的主体，由一条或多条语句组成。返回值：在调用函数后若想得到处理结果，在函数体中可用return关键字返回。4.1函数的定义与调用初识函数注意函数的名称最好不要使用JavaScript中的保留字，避免在将来被用作关键字导致出错。4.1函数的定义与调用参数设

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

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

7、s);}示例4.1函数的定义与调用多学一招含有默认值的参数与剩余参数函数参数的设置，在ES6中提供了更灵活的使用方式，如设置形参的默认值等。functiongreet(name,say='Hi,I'm'){console.log(say+name);}默认值函数的形参在设置时，还可以为其指定默认值。当调用者未传递该参数时，函数将使用默认值进行操作。4.1函数的定义与调用多学一招含有默认值的参数与剩余参数函数定义时，还可用“…变量名”的方式动态接收用户传递的不确定数量的实参。functiontransferParam(num1

8、,...theNums){theNums.unshift(num1);console.log(theNums);}functiontransferParam(...theNums){console.log(theNums);}一个确定形参无确定的形参4.1函数的定义与调用函数