一、函数基础
在JS里面，可能会定义非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用。虽然for循环语句也能实现一些简单的重复操作，但是比较具有局限性，此时我们就可以使用JS中的函数。
函数：就是封装了一段可被重复调用执行的代码块。通过此代码可以实现大量代码的重复使用。
问答：
1、函数是做什么的（作用）？
答：大量代码重复使用。
2、声明函数用什么关键词？
答：function。
3、如何调用函数？
答：函数名加上小括号。
4、封装是什么意思？
答：打包，把函数整合成一个整体。
二、函数的使用
函数在使用时分为两步：声明函数和调用函数。
声明函数
语法：
//声明函数
function 函数名(){
//函数体代码；
}
例如：
function sayHi() {
console.log(‘hi~~’);
}
注意：
function是声明函数的关键字，必须小写
调用函数
语法：
//调用函数
函数名（）；//通过调用函数名来执行函数体代码
例如：
sayHi();
注意：
1、调用的时候千万不要忘记添加小括号
2、口诀：函数不调用，自己不执行。
3、声明函数本身并不会执行代码，只有调用函数时才会执行函数体代码。
三、函数的封装
函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口。
简单理解：封装类似于将电脑配件整合组装到机箱中（类似快递打包）。
四、函数的参数
参数的主要作用：
在函数内部某些值不能固定，我们可以通过参数在调用函数时传递不同的值进去。
形参和实参
在声明函数时，可以在函数名称后面的小括号添加一些参数，这些参数被称为形参，而在调用该函数时，同样也需要传递相应的参数，这些参数被称为实参。
- 形参：形式上的参数，函数定义的时候，传递的参数，当前并不知道是什么；在JavaScript中，形参的默认值是undefined。
- 实参：实际上的参数，调用的时候传递的参数，实参是传递给形参的；
函数形参和实参个数不匹配问题：
- 实参个数等于形参个数：输出正确结果；
- 实参个数多于形参个数：只取到形参的个数；
- 实参个数小于形参个数：多的形参定义为undefined，结果为NaN；
五、函数的返回值
函数都是有返回值的：
- 如果有return则返回return后面的值
- 如果没有return则返回undefined
return语句：有的时候，我们会希望函数将值返回给调用者，此时通过使用return语句就可以实现。
注意：
- return语句之后的代码不被执行。
- return只能返回一个值，如果用逗号隔开多个值，以最后一个为准。
- 函数没有return返回undefined。
break，continue，return的区别：
- break：结束当前的循环体（如for、while）；
- continue：跳出是本次循环，继续执行下次循环（如for、while）；
- return：不仅可以退出循环，还能够返回return语句中的值，同时还可以结束当前的函数体内的代码；
六、arguments的使用
当不确定有多少个参数传递的时候，可以用arguments来获取。在JavaScript中，arguments实际上它是当前函数的一个内置对象。所有函数都内置了一个arguments对象，arguments对象中存储了传递的所有实参。
注意：arguments展示形式是一个伪数组，因此可以进行遍历。伪数组具有以下特点：
- 具有length属性；
- 按索引方式储存数据；
- 不具有数组的push，pop等方法；
七、函数的两种声明方式
-
利用函数关键字自定义函数
function fn() {}
-
函数表达式(匿名函数)
var 变量名 = function() {};
注意：
- 函数表达式声明方式跟声明变量差不多，只不过变量里面存的是值，而函数表达式里面存的是函数
- 函数表达式也可以进行传递参数
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之家整理，本文链接：https://www.bmabk.com/index.php/post/6287.html
