JavaScript 程序设计 课件 第6章-函数

第6章函数简约风格｜程序设计主题｜课堂教学版本章学习地图函数基本概念函数定义参数返回值嵌套调用课程重点理解函数封装和复用的价值。掌握函数定义、调用、参数和返回值。理解作用域、生命周期与嵌套调用。课堂推进建议1概念导入2语法讲解3示例演示4随堂练习JavaScript程序设计｜授课PPT1第6章学习目标与知识结构JavaScript程序设计｜授课PPT2学习目标理解函数能将一段代码封装为可重复使用的功能。掌握function定义函数和调用函数的方法。区分形参和实参，理解参数传递。理解return返回值的作用。了解局部变量、全局变量和变量生命周期。本章内容结构1为什么使用函数2定义函数3调用函数4参数与默认值5返回值6函数嵌套调用7变量作用域第6章为什么使用函数JavaScript程序设计｜授课PPT3当程序功能增多时，把代码分成多个函数能降低复杂度。函数可以减少重复代码，提高复用性。函数名应能准确描述功能，如sum、isPrime、showInfo。使用函数后，主程序可以更清楚地表达整体流程。教学重点函数是“会做一件事的小工具”。工具可以被多次调用。先写功能，再考虑复用。第6章函数的定义与调用JavaScript程序设计｜授课PPT4讲解要点函数由function关键字定义。函数体写在花括号中。函数不会自动执行，必须调用。JavaScript示例functionsayHello(){console.log("欢迎学习JavaScript！");}sayHello();sayHello();第6章函数调用的执行过程JavaScript程序设计｜授课PPT51遇到调用2进入函数3执行函数体4返回调用处流程说明主程序执行到函数调用语句时，跳转到函数内部。函数体语句按顺序执行。遇到return或函数结束后，程序回到调用位置。函数调用可以嵌套，但要保持逻辑清晰。第6章参数：让函数更灵活JavaScript程序设计｜授课PPT6形参写在函数定义的小括号中，用来接收数据。实参写在函数调用的小括号中，是传给函数的实际数据。参数可以有多个，多个参数之间用逗号分隔。恰当使用参数，可以让同一个函数处理不同数据。示例理解functionsum(a,b)中a、b是形参。sum(10,20)中10、20是实参。第6章带参数函数JavaScript程序设计｜授课PPT7讲解要点参数让函数从固定功能变成通用功能。本例用参数控制输出星号的个数。JavaScript示例functionshowLine(n){letline="";for(leti=1;i<=n;i++){line+="*";}console.log(line);}showLine(3);showLine(6);第6章返回值returnJavaScript程序设计｜授课PPT8return用于把函数的运行结果返回给调用位置。return之后的语句通常不会继续执行。没有return的函数默认返回undefined。有返回值的函数可以参与赋值、表达式和其他函数调用。对比console.log()是输出。return是返回结果。二者不是同一件事。第6章有返回值的函数JavaScript程序设计｜授课PPT9讲解要点sum函数把计算结果返回。调用位置可以把返回值保存到变量。返回值也可以直接输出或继续参与运算。JavaScript示例functionsum(a,b){returna+b;}letresult=sum(10,20);console.log(result);console.log(sum(3,4)*2);第6章嵌套调用与作用域JavaScript程序设计｜授课PPT10函数可以调用其他函数，形成嵌套调用。局部变量定义在函数内部，只能在函数内部使用。全局变量定义在函数外部，可以被多个函数访问。应尽量减少不必要的全局变量，降低变量冲突风险。生命周期局部变量：函数调用时创建，调用结束后通常失效。全局变量：页面或程序运行期间通常一直存在。第6章综合示例：判断素数函数JavaScript程序设计｜授课PPT11讲解要点把判断逻辑封装为isPrime(n)。返回true或false，便于主程序使用。该函数可在多处复用。JavaScript示例functionisPrime(n){if(n<2)returnfalse;for(leti=2;i<n;i++){if(n%i==0){returnfalse;}}returntrue;}console.log(isPrime(17));第6章课堂练习JavaScript程序设计｜授课PPT12随堂练习/课后作业建议1编写sayHello()函数，输出欢迎语。2编写sum(a,b)函数，返回两个数的和。3编写max(a,b)函数，返回较大值。4编写isEven(n)函数，判断是否为偶数。5编写isLeap(year)函数，判断闰年。6编写factorial(n)函数，返回n的阶乘。第6章本章小结JavaScript程序设计｜授课PPT13知识闭环