ES6特性：箭头函数

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

基本语法：参数=>函数体

var f = v => v;    //等价于
var f = function(v){
    return v;
};

如果箭头函数不需要参数或需要多个参数，需要使用（）括起来

var f = () => 1;  //等价于
var f = function () { return 1 };

var sum = (a,b) => a+b;    //等价于
var sum = function (a,b) { return a+b };

当箭头函数的函数体有多行语句，需要用{}括起来，表示代码块，并且用return来返回值；只有一行一条语句时可以忽略{}，结果会自动返回。

var sum = (a,b) =>{
    let num = a+b;
    return num;
}

当箭头函数要返回对象的时候，为了区分于代码块，要用（）将对象括起来，否则会报错

let func = (a,b) => { a:a,b:b };    // func(1,2)  报错
let func = (a,b) => ({ a:a,b:b });    // func(1,2)    { a:1,b:2 }

注意：

（1）箭头函数内的this对象，就是定义时所在的对象，而不是使用时所在的对象

function func(){
    setTimeout(()=>{
        console.log(this.a);
    })
}
var a=10;
func();    // 10   此时this指向window
func.call({a:20});    // 20  {a:20}调用func对象的方法

// setTimeout的参数是一个箭头函数，该函数的定义生效是在func函数生成时,箭头函数的this总是指向函数
// 定义生效时所在的对象，即{a:20},所以输出20

（2）不可以作为构造函数，也就是不能使用new命令，否则报错

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

rest参数（形式为...变量名），用于获取函数的多余参数，这样就不需要arguments对象了。rest参数搭配的变量是一个数组，该变量将多余的参数放入数组中

function add(...nums){
    let sum=0;
    for(var val of nums){
        sum+=val;
    }
    return sum;
}
add(1,2,3);    // 6

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