es6箭头函数

箭头函数有几个使用注意点。

（1）箭头函数没有自己的this对象，使用的时函数定义时所在的作用域，也不能用bind，call，apply这些方法去改变。

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

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

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

（5） 箭头函数在ES6 class中声明的方法为实例方法，不是原型方法

箭头函数没有自己的this

es5代码实现箭头函数

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

// ES5
function foo() {
  var _this = this;

  setTimeout(function () {
    console.log('id:', _this.id);
  }, 100);
}

为什么箭头函数不能用来new？

1.箭头函数没有prototype，原型链接不上

2.没有自己的this，无法改变this指向

new做了什么？

1.创建一个javascript空对象 {};
2.将要实例化对象的原形链指向该对象原形。
3.绑定该对象为this的指向
4.返回该对象。

箭头函数在ES6 class中声明的方法为实例方法，不是原型方法

//deom1
class Super{
    sayName(){
        //do some thing here
    }
}
//通过Super.prototype可以访问到sayName方法，这种形式定义的方法，都是定义在prototype上
var a = new Super()
var b = new Super()
a.sayName === b.sayName //true
//所有实例化之后的对象共享prototypy上的sayName方法


//demo2
class Super{
    sayName =()=>{
        //do some thing here
    }
}
//通过Super.prototype访问不到sayName方法，该方法没有定义在prototype上
var a = new Super()
var b = new Super()
a.sayName === b.sayName //false
//实例化之后的对象各自拥有自己的sayName方法，比demo1需要更多的内存空间

参考：

ES6箭头函数总结 - 看风景就 - 博客园

JavaScript之new与箭头函数 - 简书