JavaScript 函数-函数概念，使用，函数参数，返回值，arguments的使用，函数的申明方式...

JavaScript 函数

---

学习目标：

函数的概念
函数的使用
函数的参数
函数的返回值
arguments的使用
函数案例
函数的两种声明方式

1. 函数的概念

在 JS 里面，可能会定义非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用。

虽然 for循环语句也能实现一些简单的重复操作，但是比较具有局限性，此时我们就可以使用 JS 中的函数。

函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。

2. 函数的使用

函数在使用时分为两步：声明函数和调用函数。

2.1 声明函数

2.2 调用函数

2.3 函数的封装

测试：

3. 函数的参数

3.1 形参和实参

在声明函数时，可以在函数名称后面的小括号中添加一些参数，这些参数被称为形参，而在调用该函数时，同样也需要传递相应的参数，这些参数被称为实参。

在声明函数时，可以在函数名称后面的小括号中添加一些参数，这些参数被称为形参，而在调用该函数时，同样也需要传递相应的参数，这些参数被称为实参。

3.2 函数参数的传递过程

测试：

3.3 函数形参和实参个数不匹配问题

测试:

4. 函数的返回值

4.1 return 语句

测试：

4.2 return 终止函数

return 语句之后的代码不被执行。

4.3 return 的返回值

return 只能返回一个值。如果用逗号隔开多个值，以最后一个为准。

4.4 函数没有 return 返回 undefined

函数都是有返回值的
如果有return 则返回 return 后面的值
如果没有return 则返回 undefined

4.5 break ,continue ,return 的区别

break ：结束当前的循环体(如 for、while)
continue ：跳出本次循环，继续执行下次循环(如 for、while)
return ：不仅可以退出循环，还能够返回 return 语句中的值，同时还可以结束当前的函数体内的代码

通过榨汁机看透函数

5. arguments的使用

测试：

测试如下：

6. 函数案例

7. 函数的两种声明方式

1. 自定义函数方式(命名函数)

2. 函数表达式方式(匿名函数)