记录箭头函数的一个坑

用了一下reduce方法，结果一直返回undefined，代码如下：

const camelCase = (str) => {
  str.split("_").reduce((result, word, index) => {
    word = word.toLowerCase()
    return result + (index ? word[0].toUpperCase().concat(word.slice(1)) : word)
  }, '')
}

百思不得其解，最后把最外层箭头函数的函数体用圆括号包围，就能正确返回了。
正确代码如下：

const camelCase = (str) => (
  str.split("_").reduce((result, word, index) => {
    word = word.toLowerCase()
    return result + (index ? word[0].toUpperCase().concat(word.slice(1)) : word)
  }, '')
)

之所以不能用花括号是因为函数体内部还有一个花括号，js不知道哪个花括号是外层箭头函数的函数体。所以出现了这样的问题。
记录一下。