JS基础-函数

1. 函数的概念

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

---

2. 声明函数

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

• function 是声明函数的关键字（必须小写）

• 通常我们将函数名命名为动词，比如：getSum

---

3. 调用函数

通过调用函数名来执行函数体代码

语法：函数名();

注意：函数不调用，自己不执行

---

4. 函数的封装

函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口

例：封装计算1-100累加和

function getSum(){
  var sumNum = 0;// 准备一个变量，保存数字和
  for (var i = 1; i <= 100; i++) {
    sumNum += i;// 把每个数值 都累加 到变量中
  }
  alert(sumNum);
}
// 调用函数
getSum();

---

5. 函数的参数

在函数内部某些值不能固定，我们可以通过参数在调用函数时传递不同的值进去

// 带参数的函数声明
function 函数名(形参1, 形参2 , 形参3...) { // 可以定义任意多的参数，用逗号分隔
  // 函数体
}
// 带参数的函数调用
函数名(实参1, 实参2, 实参3...); 

• 形参：函数定义时设置形式上接收调用时传入的参数

• 实参：函数调用时小括号内传入形参的实际数据

当函数形参和实参数量不匹配时：

参数个散	说明
实参个数 = 形参个数	输出正确结果
实参个数 > 形参个数	只取到形参的个数
实参个数 < 形参个数	多的形参为undefined，结果为NaN

注意：

• 函数可以带参数也可以不带参数
• 形参可以看做不用声明的变量，默认值为 undefined
• 形参的个数可以和实参个数不匹配，但是结果不可预计，我们尽量要匹配

---

6. 函数的返回值

函数执行完成后可以通过return语句将指定数据返回

return 语句：函数将值返回给调用者

返回值：函数调用整体代表的数据；函数执行完成后可以通过return语句将指定数据返回 。

// 声明函数
function 函数名（）{
    ...
    return 需要返回的值；
}
// 调用函数
函数名();    // 调用函数即可得到 return 后的值

• 在使用 return 语句时，函数会停止执行，并返回指定的值
• 如果函数没有 return ，返回的值是 undefined
• return 后面有多个值，只返回最后一个
• return 想返回多个值，可以用数组包含

break ,continue ,return 的区别：

• break ：结束当前的循环体（如 for、while）
• continue ：跳出本次循环，继续执行下次循环（如 for、while）
• return ：不再向下执行代码，返回结果，并且结束当前函数体

---

7. arguments的使用

简介：

• 是函数的内置对象
• 当不确定有多少个参数传递的时，可以用它来获取全部实参
• arguments 展示形式是一个伪数组，可以进行遍历

特点：

• 具有 length 属性
• 可按索引方式获取数据
• 不具有数组的 push , pop 等方法

注意：无需再设置形参

---

8. 函数表达式声明方式

函数表达式方式声明函数，因为函数没有名字，所以也称为匿名函数

var fn = function(){...
	 //函数体代码
}
fn();

• 这个 fn 里面存储的是一个函数
• 函数表达式方式原理同声明变量方式一致
• 函数表达式方式使用的方法和函数一致

注意：函数调用的代码必须写到函数体后面

---