ECMA6中的箭头函数

es6中的箭头函数,乍一看虽然简单了不少,但是一直用es5的人很容易懵逼~~下面就聊一聊箭头函数。

var aa  = name =>name;
console.log(aa('ma2')) // ma2

大概结构就是这样。其中aa是函数名,第一个name是参数,第二个name是返回值。所以打印出来是ma2.跟下面这个函数运行结果是一样的,可以对比看一下

function aa(name) {
    return name;
}

接下来,做一下升级

var aa = (name,sex) =>{
    return {
        name:name,
        sex:sex
    }
};
console.log(aa('ma2','nan'));
//{name:"na2",sex:"nan}

其实逻辑上是一样的,前面是传参,后面是返回值,只是如果返回值需要进行运算处理的时候,就要在{}里进行,并且return出来。

当然这个方法也通用默认值得设置

var aa = (name,sex='nv') =>{
    return {
        name:name,
        sex:sex
    }
};
console.log(aa('ma2'));
//{name:"na2",sex:"nan}

随机浏览