目标

能够说出为什么需要函数
能够根据语法书写函数
能够根据需求封装函数
能够说出形参和实参的传递过程
能够使用函数的返回值
能够使用arguments获取函数的参数

1. 函数的概念

在JS里面，可能会定义非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用。虽然for循环语句也能实现一些简单的重复操作，但是比较具有局限性，此时外面就可以使用JS中的函数。

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

2. 函数的使用

2.2 声明函数

// 声明函数
function 函数名() {
	// 函数体代码
}

function是声明函数的关键字，必须小写
由于函数一般是为了实现某个功能才定义的，所以通常外面将函数名命名为动词，比如getSum

2.2 调用函数

// 调用函数
函数名(); // 通过调用函数名来执行函数体代码

调用的时候千万不要忘记添加小括号
口诀：函数不调用，自己不执行注意：声明函数本身并不会执行代码，只有调用函数时才会执行函数体代码。

2.3 函数的封装

函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口。
简单理解：封装类似于将电脑配件整合装到机箱中（类似快递打包）

3.带参数的函数

3.1 形参和实参

通过不同的参数，函数可以实现函数不重复的代码：

function 函数名（形参1，形参2...） {
// 在声明函数的小括号里面是形参 （形式上的参数）
}
函数名(实参1，实参2...);// 在函数调用的小括号里面是实参（实际的参数）

形参是用来接收实参的。
形参可以看作不用声明的变量。
函数的参数可以有个数限制，也可以没有。参数的作用：在函数内部某些值不能固定，我们可以通过参数在调用函数时传递不同的值进去。

3.2 形参和实参的个数

如果实参的个数和形参的个数一致则正常输出结果
如果实参的个数多于形参个数会取到形参个数的实参，多余的实参抛弃
如果实参的个数小于形参的个数没有值的形参定义为undefined 运算后结果是NaN
建议我们尽量让实参和形参的个数相匹配

3.3 小结

函数可以带参数也可以不带参数
声明函数的时候，函数名括号里面的是形参，形参的默认值为undefined
调用函数的时候，函数名括号里面的是实参
多个参数中间用逗号分隔
形参的个数可以和实参个数不匹配，但是结果不可预计，我们要尽量匹配

4.函数的返回值

4.1 return 语句

有的时候，我们会希望函数将值返回给使用者，这时候就需要用到return语句。

4.2 return 终止语句

在函数中，return 后面的代码不会被返回。

4.3 return 返回值的个数

return 只能返回一个值
如果需要返回多个值，可以返回一个数组，例：

function getResult(num1,num2) {
            return [num1 + num2, num1 - num2, num1 / num2];
        }
        var re = getResult(1,2);
        console.log(re);

4.4 函数没有return返回undefined

JS当中函数都是有返回值的

有return返回return后面的值
没有return返回undefined

4.5 break、contine、return的区别

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

5.arguments的使用

当我们不确定有多少个参数传递的时候，可以用arguments来获取。在javaScript中，arguments实际上它是当前函数的一个内置对象。所有函数都内置了一个arguments对象，arguments对象中存储了传递的所有实参。 argument展示形式是一个伪数组，因此可以进行遍历。伪数组具有以下特点：

具有length属性
按索引方式存储数据
不具有数组的push,pop等方法

6.函数的两种声明方式

6.1 利用函数关键字自定义函数

 function fn() {
        ...
 }
 fn();

6.2 函数表达式（匿名函数）

 var fn = function(){
        ...
 };
 fn();

类似于变量的声明：

      var num = 10;

fun是变量名不是函数名
函数表达式声明方式跟变量声明差不多，只不过变量里面存的是值，而函数表达式里面存的是函数
函数表达式也可以进行参数传递

函数

目标

目录