JavaScript学习之路10_箭头函数

箭头函数

什么是箭头函数？
暂时理解：箭头函数相当于匿名函数。
箭头函数的格式：

x => x * x

这就相当于

function(x){
    return x*x;
}

不过这种适合在无参的情况下使用，他省略了{ … }和return
如果有一个参数：

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

如果有两个参数：

(x, y) => {
    return x+y;
}

还可以是可变参数：

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

如果返回的是一个对象：

(x) => ({
    foo:x
})

必须要带上圆括号。

this

this总是指向词法作用域，也就是外层调用者obj。

var obj = {
    birth:1994,
    getAge: functin(year){
        var b = this.birth;//1994
        var fn = (y) => y-this.birth;
        retrn fn.call({birth:2000}, year); 
    }
}

obj.getAge(2015); //21 不是15
原因：
由于this在箭头函数中已经按照词法作用域绑定了，所以，用call()或者apply()调用箭头函数时，无法对this进行绑定，即传入的第一个参数被忽略.