新闻详情

新闻详情

首页 / 资讯中心 / 详情

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

发布时间:2026/9/27 22:52:05来源:尧图网络
JavaScript入门到精通九(函数的使用、函数参数、函数返回值)
一.什么是函数函数有什么好处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
网站建设高端定制企业官网
RELATED

相关资讯

更多精彩内容,欢迎继续阅读

较早相关资讯

最新相关资讯

wordpress网站制作教程:新手避坑指南,3步搞定不花冤枉钱 2026/9/28 1:17:03

wordpress网站制作教程:新手避坑指南,3步搞定不花冤枉钱

wordpress网站制作教程:新手避坑指南,3步搞定不花冤枉钱 不会代码想做个网站?别慌,这比你想的简单。但网上那些wordpress网站制作教程,十个有八个是坑。今天这篇wordpress网站制作教程,专门给独立站长和小白写的避坑指南,…

阅读更多 →
基于YOLOv7的实时跌倒检测实战:从数据集标注到系统部署 2026/9/28 1:17:03

基于YOLOv7的实时跌倒检测实战:从数据集标注到系统部署

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

阅读更多 →
2026最新:建设网站的目的和意义是什么?解决无人访问痛点指南 2026/9/28 1:16:50

2026最新:建设网站的目的和意义是什么?解决无人访问痛点指南

2026最新:建设网站的目的和意义是什么?解决无人访问痛点指南 网站上线三个月,后台流量个位数,连蜘蛛都没怎么来爬。这是不是你也正经历的噩梦?很多老板觉得只要把网站做出来,客户就会自动找上门,结果发现“酒香也怕巷子深”。在2026年的互联网…

阅读更多 →
SSM+微信小程序剪纸毕设:源码解析、数据库设计与联调避坑指南 2026/9/28 1:16:50

SSM+微信小程序剪纸毕设:源码解析、数据库设计与联调避坑指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

阅读更多 →
Android TV无线调试全攻略:三种方案告别USB线 2026/9/28 1:16:43

Android TV无线调试全攻略:三种方案告别USB线

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

阅读更多 →
玉米识别数据集实战:COCO JSON标注解析与YOLO训练避坑指南 2026/9/28 1:16:43

玉米识别数据集实战:COCO JSON标注解析与YOLO训练避坑指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

阅读更多 →

今日资讯

本周资讯

本月资讯

看完文章仍有疑问?

联系尧图顾问,获取一对一建站咨询

立即免费咨询 📞 400-888-8888
📞 ✉