箭头函数

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

    //如果要返回一个对象就需要括号括起来，因为和函数体{...}有语法冲突
    // x => {foo : x} 报错
    x =>({ foo: x })


    /*
        this
        箭头函数看上去是匿名函数的一种简写，但实际上，箭头函数和匿名函数有个明显的区别：箭头函数内部的this是词法作用域，由上下文确定。

        箭头函数完全修复了this的指向，this总是指向词法作用域，也就是外层调用者
    */
    var obj = {
        birth: 1990,
        getAge: function (){
            var fn = ()=> new Date().getFullYear() - this.birth //this指向obj对象
            return fn();
        }
    }
    console.log(obj.getAge())

    //由于this在箭头函数中已经按照词法作用域绑定了，所以，用call()或者apply()调用箭头函数时，无法对this进行绑定，即传入的第一个参数被忽略
    var objs = {
        birth: 1990,
        getAge: function (year) {
            var fn = (y)=> y - this.birth
            return fn.call({birth:2000}, year)
        }
    }
    console.log(objs.getAge(2015))

 

// 没有参数的时候
let fn = () => console.log(3)

// 只有一个参数的时候
let fn2 = v => console.log(v)

// 有多个参数
let fn3 = (v1, v2, v3) => console.log(v1, v2, v3)