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），如果此方法支持varargs，则所有内容都会被处理。

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

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

然后执行：

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

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

1
2
3

Answer 2

你可以使用ES6'胖'箭头这样。

     const data = [1,2,3,4]

     data.forEach(item => {
         console.log(item)
     })

Answer 3

forEach将多个参数传递给回调，而不只是一个：项目，索引和调用forEach的对象。 console.log的大多数实现接受多个参数并输出所有参数。这就是forEach(console.log)输出条目（1），其索引（0）和数组（[ 1, 2, 3 ]），然后是下一个等的原因。< / p>

使用箭头功能，您只使用第一个参数。

旁注：forEach(console.log)也传入console.log，但未确保this来电期间的log为console。有些控制台实施不关心，有些则不关心。因此，如果您想要第二种形式，那么forEach(console.log, console)可能会更好。

forEach循环数组与胖箭头

3 个答案: