括号内数组及逗号表达式运行机制——Codefights代码疑问

嘿，这个问题其实涉及到JavaScript里一个很实用但容易被忽略的特性——逗号运算符，我来给你拆解清楚～

问题背景 #

你在Codefights看到的这两段代码是完全等价的：

第一段简写版本：

alternatingSums = a => a.reduce((accum,value,i) => (accum[i&1] += value, accum), [0,0])

第二段带大括号和return的版本：

alternatingSums = a => a.reduce((accum,value,i) => { accum[i&1] += value; return accum }, [0,0])

你困惑的点在于：为什么用括号包裹两个表达式，就能返回完成累加的accum数组？核心原因就是逗号运算符的特性。

核心：逗号运算符的作用 #

在JavaScript里，逗号运算符的规则很简单：

• 它会从左到右依次执行逗号分隔的每一个表达式
• 执行完所有表达式后，返回最后一个表达式的结果

回到简写版的回调函数：(accum[i&1] += value, accum)

1. 首先执行左边的accum[i&1] += value：完成对应索引的累加操作，修改了accum数组的元素
2. 然后逗号运算符返回右边的accum，也就是修改后的数组

这完全等价于带大括号的写法里“先累加，再return accum”的逻辑——只不过逗号运算符帮你把这两步合并成了一个表达式，省去了大括号和return关键字。

你的实验代码分析 #

你做的实验正好验证了逗号运算符的特性，我来逐个对应解释：

const a = [1,2]
console.log( (a) ) // 返回[1,2] → 括号里只有一个表达式，直接返回它
console.log( (a,a) ) // 返回[1,2] → 先执行第一个a（无操作），返回最后一个a
console.log( (a,a,a) ) // 返回[1,2] → 同理，返回最后一个表达式的结果
console.log( (a[0]) ) // 返回1 → 单个表达式，直接返回a[0]的值
console.log( (a[0],a) ) // 返回[1,2] → 先取a[0]（无修改），返回最后一个a
console.log( (a[0],a,a) ) // 返回[1,2] → 同理，返回最后一个a
console.log( (a[0]+=1) ) // 返回2，a[0]变成2 → 单个表达式，执行累加后返回结果，同时修改了a
console.log( (a[0]+=1,a) ) // 返回[3,2]，a[0]变成3 → 先执行累加修改a，再返回a
console.log( (a[0]+=1,a,a) ) // 返回[4,2]，a[0]变成4 → 先执行累加，最后返回最后一个a

看最后几个例子就能明白：逗号运算符会先执行前面的修改操作（产生副作用，比如改变数组元素），然后返回最后一个表达式的值——这和reduce回调里需要返回修改后的累加器的需求完美匹配。

总结 #

• 括号里的是逗号表达式，它的核心作用是执行多个操作，返回最后一个操作的结果
• 简写版的(accum[i&1] += value, accum)和带大括号的写法逻辑完全一致：先修改累加器，再返回累加器
• 这种写法是利用JavaScript的语法特性来精简代码，属于常见的函数式编程简写技巧

内容的提问来源于stack exchange，提问作者Camilo