ES6箭头函数

箭头函数
箭头函数是不需要 function 关键字来创建函数，会省略 return 关键字，也会继承当前上下文的 this 关键字
平常函数的写法是这样的：

var fn1 = function(a, b) {
    return a + b
}
 
function fn2(a, b) {
    return a + b
}

而箭头函数是这样的：

var fn1 = (a, b) => {
    return a + b
}
 
(a, b) => {
    return a + b
}

相对来说就是使用=>来替代关键词function，箭头函数也相当于匿名函数，并且简化了函数定义。
注意：根据箭头函数的参数来区分有三种情况：
第一种：当没有参数时，写一对括号()即可

var fn1 = () => {
    return 'hhh';
}
es5
var fn1 = function() {
    return 'hhh';
}

第二种：当只有一个参数时，可以省略括号

var fn1 = a => {
    return 'hhh';
}
console.log(fn1(3))
es5
var fn1 = function(a) {
    return a;
}
//console.log(fn1(3))

第三种：当有多个参数时，用括号把各个参数括起来。

var fn1 = (a,b) => {
    return a+b;
}
console.log(fn1(3,4));//7
es5
var fn1 = function(a,b) {
    return a+b;
}

箭头函数的this指向问题
由于this在箭头函数中已经按照词法作用域绑定了，所以，用call()或者apply()调用箭头函数时，无法对this进行绑定，即传入的第一个参数被忽略：

var obj = {
    birth: 1990,
    getAge: function (year) {
        var b = this.birth; // 1990
        var fn = (y) => y - this.birth; // this.birth仍是1990
        return fn.call({birth:2000}, year);
    }
};
obj.getAge(2015); //25