JavaScript函数

---

前言

本文为本人的一些方便自己复习的学习笔记 如有差错 爱看不看

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、JavaScript的函数是什么？

在 JS 里面，可能会定义非常多的相同代码或者功能相似的代码，这些代码可能需要大量重复使用。如果重复书写不仅麻烦 还会使代码变得乱七八糟，这时候如果使用函数，则极大的方便了我们的使用

二、JavaScript函数的创建

基本结构如下
function 函数名() {
封装的代码块
}
调用函数结构如下
函数名（）
案例如下

三、函数的参数

在声明函数时，可以在函数名称后面的小括号中添加一些参数，这些参数被称为形参，而在调用该函数时，同样也需要传递相应的参数，这些参数被称为实参。

:在函数内部某些值不能固定，我们可以通过参数在调用函数时传递不同的值进去。
基本结构如下

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

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

如果实参个数多于形参的时候 ，只会取到形参的个数
如果实参个数少于形参的时候，多的形参会被定义为underfined 结果为 NaN，
下图分别为多于和少于的案例

四、函数的返回值

return

return代表返回值，指的是 函数调用整体代表的数据，函数执行完成后可以通果return语句将指定的数据返回

基本结构如下
// 声明函数
function 函数名（）{   
 ...    
 return  需要返回的值；}
 // 调用函数
 函数名();   
  // 此时调用函数就可以得到函数体内return 后面的值

在使用return语句的时候 ，函数就会停止运行 并返回指定的值
如果函数中没有return 返回的就是underfined

这里我们要区别break，continue和return

五、 arguments

在我们实际的开发中，经常有不确定多少个参数传递的时候，这时候我们可以用arguments来获取。
在我们的JavaScript中 arguments其实是当前函数的一个内置对象。所有函数都内置了一个arguments对象，arguments对象中存储了传递的所有实参。
arguments其实是一个伪数组 ，它具有length属性和按索引方式存储数据的能力
案例如下

六、利用函数实现数值翻转

方法1

function res(arr) {
//首先创立一个函数 形参为arr数组
    var arr1 = [];
    //创立一个新数组 来存放翻转后的数组
    for (i = 0; i < arr.length; i++) {
    //for循环 设立条件 
      arr1[i] = arr[arr.length - i - 1];
    // 新数组的第i个(从0开始)等于我们设立数组的最后一个 
    }
    
    return arr1;
    //输出翻转后的数组
  }
  console.log(res([2, 3, 4, 5]));

方法2

function res(arr) {
    var arr1 = [];
    for(var i=arr.length-1;i>=0;i--){
        // i=新的空数组的数量，
        arr1[arr1.length]=arr[i];
        // 因为数组长度一开始是0，随着一个个i的值加入数组长度越来越长
    }
    return arr1;
}
console.log(res([10,9,8,7,6,5,4,3,2,1]));

七、函数之间的相互调用

调用函数的原理就是把函数内部的语句操作执行，函数之间是可以相互调用的
案例如下

八、 函数的命名方式

除了上面我们提到的基础命名 （也叫命名函数）
function fn() {

}
fn()
还有一种匿名函数
基本结构如下
var fn = function (){

}
fn();
函数表达式声明方式和声明变量差不多，函数表达式里面存的是函数，变量里面存的是变量；