javascript中的函数

函数对任何语言来说都是一个核心的概念。通过函数可以封装任意多条语句，而且可以在任何地方、任何时候调用执行。在ECMAScript中，Function(函数)类型实际上是对象。每个函数都是Function类型的实例，而且都与其他引用类型一样具有属性和方法。由于函数是对象，因此函数名实际上也是一个指向函数对象的指针。

一.函数的声明方式

1.普通的函数声明

function box(num1,num2){return num1+ num2;}

2.使用变量初始化函数

var box= function(num1,num2){return num1 + num2;};

3.使用Function构造函数

var box= new Function('num1','num2','return num1 + num2');

第三种方式我们不推荐，因为这种语法会导致解析两次代码(第一次解析常规ECMAScript代码，第二次是解析传入构造函数中的字符串)，从而影响性能。但我们可以通过这种语法来理解"函数是对象，函数名是指针"的概念。

ECMAScript中的函数，重复声明名称相同的函数会执行最后一次声明的函数。

ECMAScript中的函数是对象，因此函数也有属性。每个函数都包含length属性，表示函数希望接收的命名参数的个数。

二.return返回值

带参和不带参的函数，都没有定义返回值，而是调用后直接执行的。实际上，任何函数都可以通过return语句跟后面的要返回的值来实现返回值。

return语句还有一个功能就是退出当前函数，注意和break的区别(break用在循环和switch分支语句里)。

三.arguments对象

ECMAScript函数不介意传递进来多少参数，也不会因为参数不统一而错误。函数体内可以通过arguments对象来接收传递进来的参数。arguments会以数组的形式保存函数的传入参数，如arguments[0]表示第一个传入的参数，arguments[1]表示第二个，以此类推。arguments对象的length属性可以得到参数的数量，利用length这个属性，来智能的判断有多少参数，然后把参数进行合理的应用。

arguments对象还有一个名叫callee的属性，该属性是一个指针，指向拥有这个arguments对象的函数：

function box(num){

if (num <= 1){return 1;}

else {return num * box(num-1);}

}

上例中阶乘函数用到了递归算法，所以函数内部一定会调用自身;如果函数名不改变是没有问题的，但一旦改变函数名，内部的自身调用需要逐一修改。为了解决这个问题，我们可以使用arguments.callee来代替。

function box(num) {

if (num <= 1) {return 1;}

else {return num * arguments.callee(num-1);}//使用callee来执行自身

}

四、rest 参数

ES6引入rest参数(形式为...变量名)，用于获取函数的多余参数，这样就不需要使用arguments对象了。

rest参数变量是一个数组，该变量将多余的参数放入数组中。

function add(...values) {
  let sum = 0;
  for (var val of values) {
    sum += val;
  }
  return sum;
}
上例中变量values就表示所有的传入参数组成的数组

五、JS中的函数执行顺序

JS中声明的函数只有在调用时才会运行，否则不会运行(这是句废话)

如果函数中有语法错误，只要没有调用，就不会报错

function demo(a,b,c){
    console.log(a,b,c);
    var a = 'a';
    var b = function (){};
    (function a(){});
    function c(){}
    console.log(a,b,c);
}
demo(1,2,3);

当函数被调用了以后，会在内存中为该函数创建一个内存空间，来记录这个函数中用到的信息，如变量、函数声明等，我们把这个内存空间称为函数执行上下文

创建函数执行上下文之的顺序

一、参数填充

对函数中的参数进行赋值操作，此时
a=1
b=2
c=3

二、查找函数声明

在函数中查找是否有函数声明语句，如果有则解析
在以上代码中的function c(){}为一个函数声明
而var b = function(){}语句虽然值也是函数，但是输于赋值操作，后面的部分称为函数表达式，并非函数声明
(function a(){});语句因为添加了括号，所以也是一个函数表达式而非函数声明
解析该语句后如果变量中有重名则覆盖，所以此时会覆盖变量c，此时
    a=1
    b=2
    c=function c(){}

三、查找变量声明

在函数中查找变量声明，并为这些变量赋值为undefinde
如果有变量重名，则忽略该变量声明
上例中有2个变量声明语句，var a = 'a';和var b = function (){};
但是检测已存在变量a和b，所以忽略这两个声明变量语句，此时
    a=1
    b=2
    c=function c(){}

至此函数执行上下文创建完毕，开始执行函数的内容

第一行的console.log(a,b,c);语句执行结果打印

1 2 ƒ c(){}

后面执行两个赋值操作语句，执行完后函数执行上下文中：

a='a'
b=function (){}
c=function c(){}

(function a(){});语句不产生任何作用

function c(){}语句在创建函数执行上下文时已经解析，所以跳过

执行最后的console.log(a,b,c);语句，打印

a ƒ (){} ƒ c(){}

至此，函数执行完毕