javascript - 带有粗箭头的数组上的 forEach 循环

Question

我想用回车逐行打印一个数组。

简单的实现是 [1,2,3].forEach(function(x) {console.log(x)}) 将其作为输出

1
2
3

现在如果我使用 ES6 粗箭头的语法糖，

michel$ node
> [1,2,3].forEach(x => console.log(x))
1
2
3
undefined
>
> [1,2,3].forEach(console.log)
1 0 [ 1, 2, 3 ]
2 1 [ 1, 2, 3 ]
3 2 [ 1, 2, 3 ]
undefined

当在 forEach 回调中省略函数参数时，看起来第二个版本正在返回其自身的笛卡尔积。

在 Scala 等其他函数式语言中这完全没问题，为什么在 JavaScript 中这是“错误的”？

michel$ scala
scala> Array(1,2,3).foreach(x => println(x))
1
2
3

scala> Array(1,2,3).foreach(println)
1
2
3

Answer 1

似乎这段代码在这里:

[1,2,3].forEach(console.log)

等同于:

[1,2,3].forEach((value, index, array) => console.log(value, index, array))

这不是“错误”，它只是与 Scala 或 Java(方法引用)相比“不寻常”，后者似乎支持使用一个参数的方法引用。 Javascript 似乎只是将所有参数复制到引用的方法(例如 console.log)，如果此方法支持可变参数，所有内容都会得到处理。

但是如果您不喜欢这种行为，您可以在 Javascript 中修复它。创建一个接受一个参数的简单函数:

function print(t) { console.log(t) }

然后执行:

[1,2,3].forEach(print)

这将打印结果，如果您来自 Scala 背景，这会让您有宾至如归的感觉:

1
2
3