JavaScript的函数总结

函数的概念

函数：一段可以被重复调用的代码块。
使用函数时，先声明函数，然后再调用函数。

声明函数

代码格式如下：

function 函数名 () {
	//函数体
}

• function是声明函数的关键字，必须全部小写。
• 函数一般都是用来做某件事情，所以函数名一般都是动词。
• 函数许愿自行调用，如果不调用就不会运行。

调用函数

调用函数的代码如下：

函数名();

• 调用函数的代码一般跟在声明函数的后面，调用时必须加上小括号。
• 口诀：函数不调用，自己不执行。

---

函数的参数

函数有两个参数，一个叫形参一个叫实参。

形参和实参

function 函数名 (形参) {
	//函数体
}
函数名(实参)

形参：就是形式上的参数，定义函数的时候用于传递的参数，此时并不知道内容是什么。
实参：就是实际上的参数，调用函数的时候用于传递的参数，实参是把数据传递给形参的。

参数的作用 ：可以通过参数在调用函数时传递不同的值进去。

ps：
1.多个参数之间需要用逗号隔开。
2.形参可以看作是不用声明的变量。

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

情况	结果
实参的个数等于形参的个数	输出正确结果
实参个数多于形参个数	只取到形参的个数
实参个数少于形参个数	多的形参定义为undefined，结果为NaN

注意：在JS中，形参的默认值为undefined。

---

函数的返回值

返回值就是将函数运算的结果返回给调用者，可以用 return 来实现。
在实际开发中，经常会使用一个变量来接收函数的返回结果，使用会更简单。

语法如下：

function 函数名 (aru){
	return 需要返回的结果;
}
函数名();

• return语句之后的代码将不被执行。
• return只能返回一个值。如果用逗号隔开多个值，将以最后一个为准。

函数没有return则返回undefined

函数都有返回值。

• 如果有return，则返回return的值。
• 如果没有return，则返回undefined。

berak、continue、return的区别

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

arguments的使用

如果不确定有多少给参数传递的时候，可以使用arguments来获取。

在JavaScript中，arguments是当前函数的一个 内置对象。
所有的函数都内置了一个arguments对象，只有函数才有arguments对象。
arguments对象中 储存了传递的所有实参。

arguments展示形式是一个 伪数组，所以它可以进行遍历。

伪数组有以下特点

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

可以按照数组的方式遍历arguments，格式如下：

for (var i = 0; i < arguments.length ; i++) {
	console.log (arguments [i]);
} 

因为每个函数都是独立的代码块，用于完成特殊任务，因此经常会用到函数相互调用的情况。

---

函数的两种声明方式

1.利用函数关键字自定义函数（命名函数）

function fn () {

}
fn();

2. 函数表达式（匿名函数）

var fun = function () {

}
fun();

• fun是变量名，不是函数名
• 函数表达式声明方式跟变量的声明方式差不多。
• 函数表达式也可以进行传递参数。
• 调用语句必须要写在函数表达式的下面。