资讯动态

JavaScript入门到精通九(函数的使用、函数参数、函数返回值)

发布时间:2026/9/27 22:52:08 来源:尧图企业网站定制
一.什么是函数函数有什么好处1.定义被设计为执行特定任务的代码块function2.好处有利于精简代码方便复用提高开发效率二.函数如何进行使用命名规范函数如何调用1.函数的声明语法function 函数名{ 函数体 }2.命名规范和变量命名基本一致尽量小驼峰式命名法前缀应该为动词3.函数的调用语法函数名函数声明之后可以多次进行调用body script function say(){ console.log(hello world); } say(); /script /body函数封装案例1.计算两个数的和body script function getSum(){ let num1 prompt(请输入第一个数字); let num2 prompt(请输入第二个数字); let sum num1 num2; console.log(sum); } getSum(); /script /body2.计算1-100之间所有数的和这个地方一定要注意打印所放的位置要放到for循环的外边body script function getSum(){ let sum 0; for(let i 1;i100;i){ sum i; } console.log(sum); } getSum(); /script /body三.函数如何传参声明语法function 函数名参数列表{ 函数体 }调用语法函数名(传递的参数列表)如果我们想要求1-50的和该如何进行操作对函数进行传值将函数体内的参数进行替换在函数调用的时候给参数赋值body script function getSum(end){ let sum 0; for(let i 1;iend;i){ sum i; } console.log(sum); } getSum(50); /script /bodybody script function getSum(start,end){ let sum 0; for(let i start;iend;i){ sum i; } console.log(sum); } getSum(10,50); /script /body形参:声明函数时写在函数名右边小括号里的叫形参(形式上的参数)实参:调用函数时写在函数名右边小括号里的叫实参(实际上的参数)用户不输入实参可以给形参默认值可以默认为0这样程序更严谨案例学生的分数是一个数组,计算每个学生的总分body script function getArrSum(arr []){ let sum 0; for(let i 0;iarr.length;i){ sum arr[i]; } console.log(sum); } getArrSum([10,20,30,40,50]); /script /body四.函数的返回值函数很多情况下需要返回值body script function fn(){ return 100; } console.log(fn()); //fn()是调用者 /script /body求和函数写法body script function getSum(x,y){ return x y; } let sum getSum(10,50); console.log(sum); /script /body在函数体中使用return关键字能将内部的执行结果交给函数外部使用return 后面代码不会再被执行会立即结束当前函数所以return后面的数据不要换行写return函数可以没有return这种情况函数默认返回值为undefined案例求任意2个数中的最大值并返回body script function getMax(x,y){ return x y ? x : y; } let max getMax(10,50); console.log(max); /script /body求任意数组中的最大值并返回这个最大值body script function getArrMax(arr []){ let max arr[0]; for(let i 0;iarr.length;i){ if(max arr[i]){ max arr[i]; } } return max; } getArrMax([1,2,3,4,5]); console.log(getArrMax([1,2,3,4,5])); /script /body

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价 →
↑