这个恐怕是ES6最最常用的一个新特性了，用它来写function比原来的写法要简洁清晰很多:
function(i){ return i + 1; } //ES5(i) => i + 1 //ES6简直是简单的不像话对吧… 如果方程比较复杂，则需要用{}把代码包起来：
function(x, y) { x++; y--; return x + y;}(x, y) => {x++; y--; return x+y}除了看上去更简洁以外，arrow function还有一项超级无敌的功能！ 长期以来，javaScript语言的this对象一直是一个令人头痛的问题，在对象方法中使用this，必须非常小心。例如：
class Animal { constructor(){ this.type = 'animal' } says(say){ setTimeout(function(){ console.log(this.type + ' says ' + say) }, 1000) }} var animal = new Animal() animal.says('hi') //undefined says hi运行上面的代码会报错，这是因为setTimeout中的this指向的是全局对象。所以为了让它能够正确的运行，传统的解决方法有两种：
第一种是将this传给self,再用self来指代this
says(say){ var self = this; setTimeout(function(){ console.log(self.type + ' says ' + say) }, 1000)第二种方法是用bind(this),即
says(say){ setTimeout(function(){ console.log(self.type + ' says ' + say) }.bind(this), 1000)但现在我们有了箭头函数，就不需要这么麻烦了：
class Animal { constructor(){ this.type = 'animal' } says(say){ setTimeout( () => { console.log(this.type + ' says ' + say) }, 1000) }} var animal = new Animal() animal.says('hi') //animal says hi当我们使用箭头函数时，函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 并不是因为箭头函数内部有绑定this的机制，实际原因是箭头函数根本没有自己的this，它的this是继承外面的，因此内部的this就是外层代码块的this。
新闻热点
疑难解答
