为什么括号在这个. duce（）语法中的作用是创建JavaScript对象？[重复]

Question

以下代码展示了JavaScript 的三种用法。reduce():

1. 加起来一个总和
2. 构建数组
3. 构建一个脚本对象

如何理解第三个例子中大括号周围增加的括号？它们只是为了不让对象括号被解释为函数括号吗？还是他们有其他目的？

是否有其他方法来编写第三个示例，以使该语法更加明确，例如，是否可以在多行函数中构建JavaScript对象？

const languages = ['french', 'french', 'spanish', 'polish', 'spanish', 'german', 'spanish', 'polish', 'spanish', 'spanish', 'french', 'spanish', 'english', 'french', 'spanish', 'english', 'french', 'english'];

// 1. iterating while adding a sum
const sum = languages.reduce((acc, language) => {
    acc++;
    return acc;
}, 0);
console.log(`There are ${sum} entries.`);

// 2. iterating while building an array
const initials = languages.reduce((acc, language) => {
    acc.push(language.substring(0, 1));
    return acc;
}, []);
console.log(initials);

// 3. iterating while building a JavaScript object
const totals = languages.reduce((acc, language) => ({
    ...acc,
    [language]: acc[language] ? acc[language] + 1 : 1
}), {});
console.log(totals);

Answer 1

是的，它们是为了防止括号被读作功能括号，因为：

.reduce((acc,language) => acc)

如果没有大括号，箭头函数将返回右侧的内容。它相当于这里：

.reduce((acc,language) => { return acc })

如果你想返回一个对象{}，你不能简单地使用大括号，它们将被解释为函数大括号，所以你需要把它们括在括号里

.reduce((acc,language) => ({...acc})

这相当于:

.reduce((acc,langauge) => {
   return {...acc};
})