ES6语法——Function的扩展

一、函数默认参数
        ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。

        ES6中函数默认值需要注意的点有：
        （一）参数变量是默认声明的，所以不能用let或const再次声明（说明参数的变量声明是let声明的）
        （二）参数默认值不是传值的，而是每次都重新计算默认值表达式的值。也就是说，参数默认值是惰性求值的。

        （三）在和解构赋值默认值一起使用的时候，需要注意这三种默认值的不同。

        （四）参数默认值的位置：通常情况下，定义了默认值的参数，应该是函数的尾参数。因为这样比较容易看出来，到底省略了哪些参数。如果非尾部的参数设置默认值，实际上这个参数是没法省略的。
        （五）触发函数参数默认值的条件是：参数的值===undefined  （两种情况，一种是真的没有传值，一种是显示传入undefined）
        （六）函数参数的length属性：
        （1）指定了默认值以后，函数的length属性，将返回没有指定默认值的参数个数。也就是说，指定了默认值后，length属性将失真。
        （2）如果设置了默认值的参数不是尾参数，那么length属性也不再计入后面的参数了。

（七）参数作用域：一旦设置了参数的默认值，函数进行声明初始化时，参数会形成一个单独的作用域（context）。等到初始化结束，这个作用域就会消失。这种语法行为， 在不设置参数默认值时，是不会出现的。

二、rest 参数
        ES6 引入 rest 参数（形式为...变量名 ），用于获取函数的多余参数，这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组，该变量 将多余的参数放入数组中。
        rest 参数之后不能再有其他参数（即只能是后一个参数），否则会报错。
        函数的length属性，不包括 rest 参数。

三、箭头函数
        ES6标准新增了一种新的函数：Arrow Function（箭头函数）

        箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ ... }和return
        由于大括号被解释为代码块，所以如果箭头函数直接返回一个对象，必须在对象外面加上括号，否则会报错。
        箭头函数的一个用处是简化回调函数

（一）箭头函数——this问题
        （1）箭头函数的this指向是词法作用域，由上下文确定
        （2）箭头函数的 this 始终指向函数定义时的 this，而非执行时

        （2-1）上面的setTimeout定时器执行时与函数环境脱离，调用其的对象是window，但是箭头函数的this不是动态作用域，而是词法作用域，所以这个定时器里面的this还是指向obj,下面是定时器封装正常的函数的情形：

        （2-2）这里打印出undefined的原因是：我编写的环境是在node下的和浏览器环境还是有一定的区别，node环境下，最后调用这个定时器的是Timeout对象，所以this指向的是Timeout对象，但是这个对象上面没有age属性(我们定义的age属性是定义在window上面的)，所以打印出undefined了

        （2-3）不过在浏览器环境下运行也还是需要注意的一个细节就是：let const声明的变量和函数不会定义在window对象上了，也就是说不会成为window的属性和方法了，但是var声明的变量和方法声明的变量和函数还是定义在window上的属性和方法

        （3）箭头函数中没有 this 绑定，必须通过查找作用域链来决定其值，如果箭头函数被非箭头函数包含，则 this 绑定的是最近一层非箭头函数的 this，否则，this 为 undefined”。
        （4）箭头函数如果是多层嵌套，不管嵌套多少层，this都是通过查找作用域链来决定其值
        （5）this就是函数作为方法被调用所属的对象
（二）箭头函数使用注意
（1）由于this在箭头函数中已经按照词法作用域绑定了，所以，用call()或者apply()调用箭头函数时，无法对this进行绑定，即传入的第一个参数被忽略：

（2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。
（3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。
（4）不可以使用yield命令，因此箭头函数不能用作 Generator 函数。
（5）除了this，以下三个变量在箭头函数之中也是不存在的，指向外层函数的对应变量：arguments、super、new.target

四、函数尾调用
        （一）定义：某个函数的后一步是调用另一个函数

        （二）尾调用有什么用？
        按照阮一峰大佬的解释如下：
        我们知道，函数调用会在内存形成一个“调用记录”，又称“调用帧”（call frame），保存调用位置和内部变量等信息。如果在函数A的内部调用函数B，那 么在A的调用帧上方，还会形成一个B的调用帧。等到B运行结束，将结果返回到A，B的调用帧才会消失。如果函数B内部还调用函数C，那就还有一 个C的调用帧，以此类推。所有的调用帧，就形成一个“调用栈”（call stack）。
         尾调用由于是函数的后一步操作，所以不需要保留外层函数的调用帧，因为调用位置、内部变量等信息都不会再用到了，只要直接用内层函数的调用帧，取代外层函数的调用帧就可以了。       
        尾调用可以改造递归调用，使其变成尾递归，以永远不会发生“栈溢出”错误。要做的就是将原来的递归函数，改写为每一步返回另一个函数。
        它的原理非常简单。尾递归之所以需要优化，原因是调用栈太多，造成溢出，那么只要减少调用栈，就不会溢出。怎么做可以减少调用栈呢？就是采用“循 环”换掉“递归”。

五、小结
        ES6中函数的扩展主要掌握的点是：函数的默认参数、rest参数、箭头函数以及其this问题、尾函数的调用以及给递归函数带来的优化