es6的箭头函数

1.简介

箭头函数是es6新增的方法 =>代表function
箭头函数可以使得函数表达式更加简洁
箭头函数并不是替代以前函数的写法，而是替代原本匿名函数的地方

2.代码片

使用箭头函数之前

hello = function() {
  return "Hello";
}

使用箭头函数之后

hello = () => {
  return "Hello";
}

3.与function的区别

1.箭头函数不会创建自己的this
箭头函数没有自己的this，它会捕获自己在定义时（注意，是定义时，不是调用时）所处的外层执行环境的this，并继承这个this值。所以，箭头函数中this的指向在它被定义的时候就已经确定了，之后永远不会改变。

2.箭头函数继承而来的this指向永远不变（重要）
箭头函数继承而来的this指向永远不变。对象obj的方法b是使用箭头函数定义的，这个函数中的this就永远指向它定义时所处的全局执行环境中的this，即便这个函数是作为对象obj的方法调用，this依旧指向Window对象。

3.call()、apply()、bind()无法改变箭头函数中this的指向
由于 this 已经在词法层面完成了绑定，通过 call() 、 apply() 、bind()方法调用一个函数时，只是传入了参数而已，对 this 并没有什么影响