【JS】------函数详解

函数（function）

通俗的讲就是一个盒子，包含着程序，可以方便进行程序复用而出现；要善于利用函数，以减少重复编写程序段的工作量。

清朝数学家李善兰将函数翻译为“凡此变数中函彼变数者，则此为彼之函数”，既函数指一个量随着另一个量的变化而变化，或者说一个量中包含另一个量。同样也可以用做计算机中函数的概念。

---

函数分为两部份：声明和调用。

1.声明函数

function为申明函数的关键字，其命名可使用fn开头(匈牙利命名法)

（1）自定义命名方式(声明式函数)

语法：function 函数名(形参){  此函数实现的功能；  }

hiword();
function hiWorld(){
   console.log("Hello World");
}
hiWorld();//调用函数

注：此函数调用可写在其上，不会报错（预解析）

（2）匿名函数(赋值式函数)

语法：var 函数名 = function(){   此函数实现的功能；   }

 var fnWorld = function(){
    console.log("你好世界");
 }
 fnWorld();//调用函数

注：匿名函数调用一定要在声明后，这也是预解析的缘故

2.调用函数

语法：函数名(实参)；

代码如上图👆

3.函数的封装

函数的封装是把多个功能用函数装起来，类似于打包

//封装n到m的阶乘的函数
    function fnFactorial(n,m){
        var ride=1,n,m;
        for(n;n<=m;n++){
            ride*=n;
        }
        console.log(ride);
    }
    fnFactorial(1,3);

4.函数的参数

参数分为形参和实参(函数的参数就是自变量和因变量的关系)

形参：声明函数小括号里面写的值，一个变量。(函数的整体的结果随自变量改变而改变)

实参：调用函数时小括号里的值，实际的数值。(就像是自变量)

//n到m的累加，栗1-50
    function getsum(n,m){ //形参n和m
        var sum=0;
        for(n;n<=m;n++){
            sum+=n;
        }
        console.log(sum);
    }
    getsum(1,50);//实参1和50

(1)形参和实参都是从左往右接收的

(2)形参可以看作函数内部声明的变量,实参可以看作为接收的值

(3)少传n个实参则少的参数的值undefined，函数的结果NaN

    多传实参，没有对应行参接收，则没有影响

5.函数的返回值

语法： return 返回的值

当我们使用函数实现功能，最后的结果需要返回给函数的调用者时， 使用return就会把其返回的值给调用者，既 函数名() = return后的结果

return后可跟任何类型的值，如数值，字符串，数组....

//当出现多个返回值的时候
function fun(a,b){
    return a,b;//返回值，只会取b
}
console.log(fun(3,5));

return函数返回值只会有一个返回结果，多个return值会覆盖只会取出后面一个。

函数没有return时返回值为undefine。

return后的代码不会被执行。

---

目录

函数（function）

1.声明函数

2.调用函数

3.函数的封装

4.函数的参数

5.函数的返回值

---

都看了这么多了，大家也可以去玩玩函数了

如有错误及补充，请各位大佬及时指出，方便本人及时修改