哈喽大家好，我是作者“未来”，本期分享的内容是Web前端系列课程，本系列总共29个阶段，坚持学习3个月蜕变为Web前端高手哦！

志同道合的小伙伴跟我一起学习交流哦！

第三阶段 JavaScript基础

15 函数

把一段相对独立的具有特定功能的代码块封装起来，形成一个独立实体，就是函数，起个名字（函数名），在后续开发中可以反复调用。

函数的作用就是封装一段代码，将来可以重复使用。

例：通过函数求两个数字的和。

函数的定义

特点：

函数声明的时候，函数体并不会执行，只有当函数被调用的时候才会执行。

函数一般都用来干一件事情，需用使用动词+名词，表示做一件事情 `tellStory` `sayHello`等。

注意：

函数需要先定义，然后才能使用

函数名字：要遵循驼峰命名法。

函数一旦重名，后面的会把前面的函数覆盖。

Ctrl +鼠标左键---->转到定义。

一个函数最好就是一个功能。

函数的调用

调用函数的语法：

函数名();

特点：

函数体只有在调用的时候才会执行，调用需要()进行调用。

可以调用多次(重复使用)。

代码示例：

函数的参数

在函数定义的时候，函数名字后面的小括号里的变量就是参数，目的是函数在调用的时候，对用户传进来的值操作。

形参：函数在定义的时候小括号里的变量叫形参。

实参：函数在调用的时候小括号里传入的值叫实参，实参可以是变量也可以是值。

函数内部是一个封闭的环境，可以通过参数的方式，把外部的值传递给函数内部。

调用的时候，把实参1的值给形参1，把实参2的值给形参2……

函数的返回值

当函数执行完的时候，并不是所有时候都要把结果打印。我们期望函数给我一些反馈（比如计算的结果返回进行后续的运算），这个时候可以让函数返回一些东西。也就是返回值。函数通过return返回一个返回值。

在函数内部有return关键字，并且在关键字后面有内容，这个内容被返回了。

当函数调用之后,需要这个返回值，那么就定义变量接收即可。

返回值语法：

函数的调用结果就是返回值，因此我们可以直接对函数调用结果进行操作。

返回值详解：

-如果一个函数中有return ,那么这个函数就有返回值。

-如果一个函数中没有return,那么这个函数就没有返回值。

-如果一个函数中没有明确的返回值，那么调用的时候接收了，结果就是undefined

(没有明确返回值:函数中没有return，函数中有return，但是return后面没有任何内容)。

-函数没有返回值，但是在调用的时候接收了，那么结果就是undefined。

-变量声明了，没有赋值，结果也是undefined。

-如果一个函数有参数，有参数的函数。

-如果一个函数没有参数，没有参数的函数。

-形参的个数和实参的个数可以不一致。

-return 下面的代码是不会执行的。

案例

- 求1-100之间所有数的和

-求1-n之间所有的数字的和

- 求n-m之间所有数的和

- 圆的面积

-求三个数中的最大数

-判断一个数是不是素数

-求两个数字的差

-求一组数字中的最大值

-求一个数组中的最大值和最小值还有和

-通过函数实现数组反转

-通过函数实现冒泡排序

- 求阶乘

arguments的使用

定义一个函数，如果不确定用户是否传入了参数，或者说不知道用户传了几个参数，没办法计算，可以使用arguments。

JavaScript中，arguments对象是比较特别的一个对象，实际上是当前函数的一个内置属性。也就是说所有函数都内置了一个arguments对象，arguments对象中存储了传递的所有的实参。arguments是一个伪数组，因此可以进行遍历。

案例

求任意个数的和

​

看不懂的小伙伴不要气馁，后续的分享中将持续解释，只要你跟着我分享的课程从头到尾去学习，每篇文章看三遍，一个月后，回过头来看之前的文章就会感觉简单极了。

本章已结束，下篇文章将分享《函数其它补充，作用域、预解析》小伙伴们不要错过哟！