函数有参无参真有很大区别吗？

2301_76267999

于 2024-03-29 10:21:45 发布

阅读量1k

点赞数 17

分类专栏：程序员文章标签： linux 运维服务器

本文链接：https://blog.csdn.net/2301_76267999/article/details/137136837

版权

程序员专栏收录该内容

347 篇文章 0 订阅

订阅专栏

🍅写作风格：干货,干货,还是tmd的干货

🌸精选专栏：【JavaScript】

🚀支持洋锅：点赞👍、收藏⭐、留言💬

好久不见，甚是想念！

大家好！我是微风洋洋

芜湖，起飞🚀

函数是几乎任何语言都跳不过的坑。我们常常听说什么形参，实参，那些到底是什么呢？有什么作用？函数有参无参真有很大区别吗？

今天，洋哥就和你一起走进函数的大坑里，看看里面究竟隐藏着什么秘密。

文章目录

一、初识函数
二、参数设置
- 🍅无参函数
🍅有参函数
三、函数的调用
四、【案例】字符串大小写转换

一、初识函数

=====================================================================

函数：用于封装一段完成特定功能的代码。

相当于将一条或多条语句组成的代码块包裹起来，用户在使用时只需关心参数和返回值，就能完成特定的功能，而不用了解具体的实现。

在这里插入图片描述

parseFloat()用于返回解析字符串后的浮点数。
isNaN()判断给定参数是否为NaN，判断结果为是，返回true，否则返回false。
parseInt()用于返回解析字符串后的整数值。

除了使用内置函数外，JavaScript中还可以根据具体情况自定义函数，提高代码的复用性、降低程序维护的难度。

⭐️函数的定义由以下4部分组成：

关键字function。
函数名。
参数。
函数体。

在这里插入图片描述

function：定义函数的关键字。
函数名：可由大小写字母、数字、下划线（_）和$符号组成，但是函数名不能以数字开头，且不能是JavaScript中的关键字。
参数：是外界传递给函数的值，它是可选的，多个参数之间使用“,”分割。
函数体：是专门用于实现特定功能的主体，由一条或多条语句组成。
返回值：在调用函数后若想得到处理结果，在函数体中可用return关键字返回。

二、参数设置

=====================================================================

函数可以根据参数的设置分为以下两种：

在这里插入图片描述

🍅无参函数

无参函数：适用于不需要提供任何数据，即可完成指定功能的情况。

在自定义函数时，即使函数的功能实现不需要设置参数，小括号“()”也不能够省略。

在这里插入图片描述

🍅有参函数

有参函数：适用于开发时函数体内的操作需要用户传递数据的情况。

形参：指的就是形式参数，具有特定的含义，在定义有参函数时设置的参数。
实参：指的是实际参数，也就是具体的值，在函数调用时传递的参数。

在这里插入图片描述

获取函数调用时传递的所有实参：适用于开发时函数体形参不确定的情况。

实现方式：利用arguments对象，在函数体内可获取函数调用时传递的实参。
其他操作：length属性可获取实参的总数，具体实参值可利用数组遍历方式。

在这里插入图片描述

⭐️含有默认值的参数与剩余参数

函数参数的设置，在ES6中提供了更灵活的使用方式，如设置形参的默认值等。

在这里插入图片描述

函数的形参在设置时，还可以为其指定默认值。当调用者未传递该参数时，函数将使用默认值进行操作。

函数定义时，还可用“…变量名”的方式动态接收用户传递的不确定数量的实参。

在这里插入图片描述

三、函数的调用

======================================================================
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

资料领取方式：戳这里获取

l5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

资料领取方式：戳这里获取

html5