JavaScript 箭头函数

箭头函数Arrow Function

此函数通常比函数表达式更好，更简洁。

let sum = (x,y) =>  return x+y; 
//对比
function sum(x,y){
    return x+y;
}

当语句不唯一时：

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

当参数不唯一时：

// 两个参数:
(x, y) => 2 * x + 2 * y

// 无参数:
() => 3.14

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

注意：箭头函数支持普通函数参数的所有功能，包括默认值、解构、rest 参数，等等。使用箭头函数语法替代其他普通的多行函数，特别是那些通常会被自然表达为函数声明的情况，是不合理的。=> 箭头函数转变带来的可读性提升与被转化函数的长度负相关。这个函数越长，=> 带来的好处就越小；函数越短，=> 带来的好处就越大。

这里用一个可视化的决策图来展示如何 / 为什么采用箭头函数：

 

希望本篇文章对你有所帮助，你的点赞收藏评论是对我最大的支持~