javascript - ES6 : Why does my misplacement of the parenthesis still produce same result?

Question

我注意到我的一个 forEach 语句中有一个类型，但我仍然得到相同的结果。

foo = ["bobby", "tommy", "brendan"]

foo.forEach((f => {
    console.log(f)
}))

vs. 

foo.forEach((f) => {
    console.log(f)
})

我很好奇为什么结果与我打错的第一个结果相同。

Answer 1

有一个参数的箭头函数可以有两种写法:

f => {
    console.log(f)
}

和

(f) => {
    console.log(f)
}

所以如果只有一个参数，参数部分的大括号是可选的。

在完整的表达式周围放置大括号不会改变该表达式的任何内容，这:

f => {
    console.log(f)
}

还有这个

(f => {
    console.log(f)
})

甚至这个

((f => {
    console.log(f)
}))

完全相同。

您的第一个代码块可以格式化为这样以便更好地理解:

foo.forEach(
   // first argument of forEach
   (f => {
      console.log(f)
   })
   // end of argument list of forEach
)

因此没有放错位置的大括号，您只是删除了 f 周围的可选大括号，并在整个表达式周围放置了可选的一次。