ES6 箭头函数学习笔记

ES6允许使用“箭头”（=>）定义函数。

var f=v=>v;

上面的箭头函数等同于：

var f=function(v){
return v;
};

如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。

var f=()=>5
//等同于
var f=function(){ return 5 };

var sum=(num1,num2)=>num1+num2;
//等同于
var sum=function(num1,num2){
return num1+num2;
}

由于大括号被解释为代码块，所以如果箭头函数直接返回一个对象，必须在对象外面加上括号。

var getTempItem=id=>({id:id,name:"Temp"});

箭头函数可以与变量解构结合使用。

const full=({first,last})=>first+' '+last;

//等同于
function full(person){
return person.first+' '+person.last;
}

箭头函数使表达更加简洁。

const isEven=n=>n%2==0;
const square=n=>n*n;

箭头函数的一个用处是简化回调函数。

//正常函数写法
[1,2,3].map(function(x){
  return x*x;
})
//箭头函数写法
[1,2,3].map(x=>x*x);

另一个例子是

var result=values.sort(function(a,b){
  return a-b;
})

//等同于
var result=values.sort((a,b)=>a-b);

下面是rest参数与箭头函数结合

const numbers=(...nums)=>nums;
numbers(1,2,3,4,5)
//[1,2,3,4,5]