es6 常用知识点汇总

一、箭头函数写法

1. 一个参数，只包含一个表达式
   x => x * x
2. 一个参数，包含多条语句

x => {
    if (x > 0) {
        return x * x;
    }
    else {
        return - x * x;
    }
}

3. 两个参数（多参数需带括号）
   (x, y) => x * x + y * y
4. 无参数（无参数也要写括号）
   () => 3.14
5. 可变参数

(x, y, ...rest) => {
    var i, sum = x + y;
    for (i=0; i<rest.length; i++) {
        sum += rest[i];
    }
    return sum;
}

6. 返回对象,且为单表达式（需在对象外加括号）
   x => ({ foo: x })

※ 除此之外，箭头函数内部的this是词法作用域，由上下文确定

//例如：
var obj = {
    birth: 1990,
    getAge: function () {
        var b = this.birth; // 1990
        var fn = () => new Date().getFullYear() - this.birth; // this指向obj对象
        return fn();
    }
};
obj.getAge(); // 25