13、使用箭头函数和部分应用函数简化 JavaScript 编程

使用箭头函数和部分应用函数简化 JavaScript 编程

1. 用箭头函数降低复杂度

箭头函数是 JavaScript 中一个强大的工具，它可以帮助我们去除冗余信息，如函数声明、括号、返回语句甚至花括号。下面我们将深入探讨如何使用箭头函数进行参数解构、返回对象以及构建高阶函数。

1.1 参数解构

假设我们有一个包含名字和姓氏的对象，我们想将它们组合成一个字符串。以下是一个普通函数的实现：

const name = {
    first: 'Lemmy',
    last: 'Kilmister',
};
function getName({ first, last }) {
    return `${first} ${last}`;
}

将其转换为箭头函数时，需要注意特殊参数（如解构、剩余参数、默认参数）需要用括号括起来。如果不这样做，JavaScript 引擎可能会将其误认为是对象声明，从而导致错误。

// 错误示例
const getName = { first, last } => `${first} ${last}`;
// Error: Unexpected token '=>'. Expected ';' after variable declaration

// 正确示例
const comic = {
    first: 'Peter',
    last: 'Bagge',
    city: 'Seattle',