ES6中，能够运用箭头（=>）函数表达式的语法定义函数，这类函数表达式更适用于那些原本须要匿名函数的处所,注重它们不能用作组织函数。

基础用法

//参数、返回值单一
var f=x=>x;
//多个参数
var f=(x,y)=>x+y;
//函数体有多条语句
var f=(x,y)=>{var re=x+y;return re;};
//返回对象必须有:小括号()
var f=()=>({name:xuux,age:24})；

//运用前提运算符
let max = (a, b) => a > b ? a : b;

//闭包（ i=0 是默许参数）
var Add = (i=0) => {return (() => (++i) )};
var v = Add();
v();           //1
v();           //2
//由于唯一一个返回，return 及括号（）也能够省略
var Add = (i=0)=> ()=> (++i);

//递归
var fact = (x) => ( x==0 ?  1 : x*fact(x-1) );
fact(5);       // 120

主要特点

• 不绑定this；
• 不绑定arguments。

不绑定this

• 在ES5中：每一个函数都有本身的this值，在组织函数中定义的要领，this指向挪用这个要领的实例化对象；在全局作用域中挪用的要领，this指向window全局对象。
• 然则，箭头函数不会建立本身的this，它只会从本身的作用域链上一层继续this。（只要在关闭的函数作用域内，才继续其this；如果在对象字面量内定义的要领，并不能继续对象的this，由于大括号{}不能起到关闭的结果）

function Person() {
  this.age = 0;

  setInterval(function growUp() {
    this.age++;//undefined
  }, 1000);
}
var p = new Person();

这个间歇挪用函数中定义的growUp回调函数，是在全局作用域下实行的，其this指向全局对象，并非Person组织函数实例对象。
能够运用变量缓存来处理：

function Person() {
  var that=this;
  that.age = 0;
  setInterval(function growUp() {
    that.age++;
  }, 1000);
}
var p = new Person();

箭头函数,建立之初就绑定了作用域链继续的this，在那里挪用没有关系。

function Person(){
  this.age = 0;

  setInterval(() => {
    this.age++; // |this| 正确地指向person对象
  }, 1000);
}
var p = new Person();

不绑定arguments

• 不能在箭头函数中运用参数数组：arguments。
• 处理办法：盈余参数。

function foo() { 
  var f = (...args) => args[0]; 
  return f(2); 
}

foo(1); 
// 2

其他特征

• call、apply、bind要领在ES5中都是转变函数中this的指向，而箭头函数没有本身的this指针，因而，经由过程以上要领挪用一个函数时，只能传参，疏忽第一个参数。
• 不能用作组织器，和 new一升引会抛出毛病。
• 没有prototype属性。
• 不能用作生成器， yield 关键字一般不能在箭头函数中运用。

注重

• 箭头函数不能作为对象的要领运用，除非将它关闭在函数作用域中；

obj = {
    data: ['John Backus', 'John Hopcroft'],
    init: function() {
        document.onclick = ev => {
            alert(this.data) // ['John Backus', 'John Hopcroft']
        }
        // 非箭头函数
        // document.onclick = function(ev) {
        //     alert(this.data) // undefined
        // }
    }
}
obj.init()

• 不能作为组织函数；
• 不能定义原型要领。