《JavaScript程序设计》课件——项目3-1 函数的设置与调用.pptx

JavaScript程序设计2021

1课程导入2任务导入3知识讲解4任务实施项目3-1函数的设置与调用5任务总结

知识回顾任务导入知识讲解任务实施任务总结创建数组的两种方法？如何访问数组？实现数组遍历的方法？如何创建二维数组？二维数组遍历的方法？提问

知识回顾任务导入知识讲解任务实施任务总结任务重难点利用函数完成获取指定年份的2月份的天数重点：初识函数（函数的定义、函数的使用、函数的参数、函数的返回值）通过函数案例进一步理解函数

知识回顾任务导入知识讲解任务实施任务总结初识函数1.1函数的使用1.初识函数函数在使用时分为两步，声明函数和调用函数functionsayHello(){//函数体代码}sayHello()//调用函数语法结构function是声明函数的关键字（全部小写）函数名

知识回顾任务导入知识讲解任务实施任务总结初识函数1.2函数的定义在编写代码时，可能会出现非常多的相同代码，或者功能类似的代码，这些代码可能需要大量重复使用，此时就可以使用JavaScript中的函数。functiongetSum(num1,num2){varsum=0;for(vari=num1;i=num2;i++){sum+=i;}console.log(sum);//函数执行结束后，将结果输出}getSum(1,100); //输出结果：5050getSum(10,50); //输出结果：1230函数：求n~m的累加和调用getSum()定义getSum()

知识回顾任务导入知识讲解任务实施任务总结初识函数1.3函数的参数函数的参数分为形参和实参：形参：在声明函数时，在函数名称后面的小括号中添加的一些参数实参：当函数调用的时候，需要传递相应的参数，这些参数称为实参function函数名(形参1,形参2,…){//函数声明的小括号中的是形参//函数体代码}函数名(实参1,实参2,…)//函数调用的小括号中的是实参语法结构

知识回顾任务导入知识讲解任务实施任务总结初识函数注意：函数的参数允许形参和实参的个数不同：当实参数量多于形参数量时，函数正常执行，多余的实参会被忽略当实参数量小于形参数量时，多出来的形参类似于一个已声明未赋值的变量，其值为undefinedfunctiongetSum(num1,num2){console.log(num1,num2);}getSum(1,2,3); //实参数量大于形参数量，输出结果：12getSum(1);//实参数量小于形参数量，输出结果：1undefined示例代码

知识回顾任务导入知识讲解任务实施任务总结初识函数1.4函数的返回值函数的返回值可以将函数的处理结果返回，用于根据函数的执行结果来决定下一步要做的事情，函数的返回值通过return语句实现。function函数名(){return要返回的值;//利用return返回一个值给调用者}语法结构

知识回顾任务导入知识讲解任务实施任务总结初识函数1.5arguments的使用当不确定函数中接收到了多少个实参的时候，可以用arguments来获取实参。这是因为arguments是当前函数的一个内置对象，所有函数都内置了一个arguments对象，该对象保存了函数调用时传递的所有的实参。functionfn(){console.log(arguments); //输出结果：Arguments(3)?[1,2,3,…]console.log(arguments.length);//输出结果：3console.log(arguments[1]);//输出结果：2}fn(1,2,3);示例代码

知识回顾任务导入知识讲解任务实施任务总结函数案例2.1利用函数求任意两个数的最大值案例要求：编写一个getMax()函数，该函数接收两个参数，分别是num1和num2，表示两个数字。收到参数后，比较两个数的大小，返回较大的值。functiongetMax(num1,num2){returnnum1num2?num1:num2;}console.log(getMax(1,3)); //输出结果：3示例代码2.函数案例

知识回顾任务导入知识讲解任务实施任务总结函数案例2.2利用函数求任意一个数组中的最大值案例要求：利用函数求数组[5,2,99,101,67,77]中的最大数值