es6学习：函数的扩展

1、现在，js可像java一样，直接给参数设置默认值了，而不像es5那么麻烦

function Point(x = 0, y = 0) {
  this.x = x;
  this.y = y;
}

const p = new Point();
p // { x: 0, y: 0 }

但是要注意的是，如果要设置默认值，一定要设置在参数最后的位置：

function f(x, y = 5, z) {
  return [x, y, z];
}

f() // [undefined, 5, undefined]
f(1) // [1, 5, undefined]
f(1, ,2) // 报错       此时不会省略第二个参数
f(1, undefined, 2) // [1, 5, 2]

参数如果设置了默认值，在函数内部定义的同名参数就不会影响到默认值

let x = 1;

function f(y = x) {
  let x = 2;
  console.log(y);
}

f() // 1

2、关于箭头函数
箭头函数的写法就不用多说了，只需要注意：
（1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。

（2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。

（3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。

（4）不可以使用yield命令，因此箭头函数不能用作 Generator 函数。

最重要就是第一点，以这段代码为例：

function foo() {
  setTimeout(() => {
    console.log('id:', this.id);
  }, 100);
}

var id = 21;

foo.call({ id: 42 });
// id: 42

你也可以理解为，箭头函数自身并没有this，只能去看他的父级，在这里，父级foo所在的是window环境，id = 21，但foo.call使得this指向改变，{ id: 42 }
关于函数的扩展，最常用的应该就是这两个了。