共计 1888 个字符，预计需要花费 5 分钟才能阅读完成。
函数的概念
在 JS 里面，可能会定义非常多的相同的代码或者功能相似的代码，这些代码可能需要大量重复使用
虽然 for 循环语句也能实现一些简单的重复操作，但是相比较具有局限性，此时我们就可以使用 JS 中的函数
函数：就是封装了一段可被重复调用执行的代码块，通过代码块可以实现大量代码重复使用
函数的使用
函数在使用时分为两步
- 声明函数
function 函数名() {
// 函数体
}
// 函数是做某件事情，函数名一般是动词
// 函数不调用自己不执行- 调用函数
函数名(); // 通过调用函数名来执行函数体代码声明函数本身并不会执行代码，只有调用函数时才会执行函数体代码
函数的封装
函数的封装是把一个或多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口
函数名命名规范
- 尽量小驼峰式命名法
- 前缀应该为动词
| 动词 | 含义 |
|---|---|
| can | 判断舒服可以执行某个动作 |
| has | 判断是否含义某个值 |
| is | 判断是否为某个值 |
| get | 获取某个值 |
| set | 设置某个值 |
| add | 添加某个值 |
| load | 加载某些数据 |
函数的参数
形参和实参（形式上的参数和实际上的参数）
function 函数名(形参1, 形参2...) { // 在声明函数的小括号里面是形式上的参数
// 函数体
}
函数名(实参1, 实参2...); // 在函数调用的小括号里面是实际上的参数
function say(say) { // 形参是接受实参的 say = 'Hi' 形参类似于一个变量
console.log(say);
}
say('Hi');在声明函数时，可以在函数名称后面的小括号中添加一些参数，这些参数被称为形参，而在调用函数时，同样也需要传递相应的参数，这些传递的参数被称为实参
参数的作用：在函数内部某些值不能固定，我们可以通过参数在调用函数的传递不同的值进去
形参可以看作是不用声明的变量
| 参数 | 说明 |
|---|---|
| 形参 | 形式上的参数 函数定义的时候传递的参数 当时并不知道是什么 |
| 实参 | 实际上的参数 函数调用的时候传递的参数 实参是传递给形参的 |
形参和实参个数不匹配问题
- 如果实参的个数和形参的个数一致，则正常输出结果
- 如果实参的个数多于形参的个数，则会取到形参的个数
- 如果实参个数小于形参的个数，多余的形参是只定义未赋值的
undefined如果一个数字加上一个undefined就是NaN（不是一个数字）
function sum(num1, num2) {
console.log(num1 + num2);
}
sum(10, 20); // 形参和实参个数相等，输出正确结果
sum(10, 20,30); // 实参个数多于形参，只取到形参的个数
sum(10); // 实参个数少于形参，多的形参定义为undefined，结果为NaN在JavaScript中，形参的默认值是 undefined
函数的返回值
函数是被设计为执行特定任务的代码块
执行完特定任务之后，要把任务的结果返回给调用者
return 返回值
function 函数名() {
return 需要返回的结果;
}
函数名();- 我们函数只是实现某种功能，最终的结果需要返回给函数的调用者 函数名(); 通过
return实现 - 只要函数遇到return就把后面的结果返回给函数的调用者函数名() = return后面的结果
function getSum(num1, num2) {
return num1 + num2;
}
console.log(getSum(1, 2));return 只能返回一个值，如果用逗号隔开多个值，以最后一个为准
return 返回多个个值，用[ ]，return [num1, num2]
函数如果有 return 返回值，则返回的是 return 后面的值，如果函数没有 return 返回值，则返回 undefined
return 终止函数
return 语句之后的代码不被执行
arguments 的使用
当我们不确定有多少个参数传递的时候，可以用 arguments 来获取
在 JavaScrip t中，arguments 实际上它是当前函数的一个内置对象，所有的函数都内置了一个 arguments 对象，arguments 对象存储了传递的所有实参
arguments展示形式是一个伪数组，因此可以进行遍历伪数组有以下特点：
- 具有
length属性- 按索引值方式储存数据
- 不具有数组的
push，pop等方法
函数的两种声明方式
函数关键字自定义函数（命名函数）
function fn() {
}函数表达式（匿名函数）
let fn = function() {
}立即执行函数
立即执行，无需调用，也属于匿名函数，避免全局变量之间的污染
// 方式1
(function () { console.log('Hi') })();
// 方式2
(function () { console.log('Hi') }());多个立即执行函数结尾必须加结束符 ; 分号
