es6的函数拓展

参考：http://es6.ruanyifeng.com/#docs/function#%E4%B8%A5%E6%A0%BC%E6%A8%A1%E5%BC%8F

1.增加函数默认值

es6允许为函数提供默认值，与解构赋值一起使用，非常地方便：

function foo({x, y = 5}) {
  console.log(x, y);
}

foo({}) 
//相当于执行let {x, y = 5}={}；
//输出undefined 5
foo({x: 1})
//相当于执行let {x, y = 5}={x: 1}
//输出 1 5
foo({x: 1, y: 2}) // 1 2
foo() // TypeError: Cannot read property 'x' of undefined
//相当于执行let {x, y = 5}=undefined；
//因为没有参数存在，所以报错TypeError: Cannot read property 'x' of undefined

所以以后我们做一个通用函数接口，可以指定默认值不能省略，省略就抛出错误，再也不用担心其他小伙伴因为因为参数缺失问题而出现bugger了

function add({x, y = 5}) {
  if(typeof x===undefined)
  {
    throw new Error('Missing parameter');
    }else{
        return x+y;
    }
}
add();//error
add({x:5});//10

需要注意的是，使用函数默认值时

（1）length属性失真

如果在某个参数使用了默认值，后面的参数就不计入函数的length了

(function (a, b = 1, c) {}).length // 1

let arr=[1,2,3]
(function(...arr) {}).length // 0

（2）函数参数作用域化

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

function f(y = x) {
  let x = 2;
  console.log(y);
}
//如果此时，全局变量x不存在，就会报错。
f() // ReferenceError: x is not defined
//因为参数形成一个作用域块，执行let y=x;在参数作用域块里找不到x这个变量，根据作用域链就回到全局作用域里面去找x，发现也没有x，于是就报错了。

（3）严格模式

 从 ES5 开始，函数内部可以设定为严格模式。ES2016 做了一点修改，规定只要函数参数使用了默认值、解构赋值、或者扩展运算符，那么函数内部就不能显式设定为严格模式，否则会报错。

（4）引入函数的name属性

var f = function () {};

// ES5
f.name // ""

// ES6
f.name // "f"

（5）箭头函数

这个就不多说了，大家都用烂了，主要是this的指向问题。