当作为参数传递的forEach为什么不CONSOLE.LOG工作？

Question

这仅仅是出于好奇，但你们有一个想法，为什么这个代码将无法正常工作？

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

// Prints 'Uncaught TypeError: Illegal invocation' in Chrome 

在另一方面，这似乎很好地工作：

[1, 2, 3, 4, 5].forEach(function(n) { console.log(n) }); 

所以......？

Answer 1

其实作为@SLaks指出，执行console.log好像是用this内部，当它作为一个参数this传递真实，现在指的是阵列实例。

该解决方法很简单：

var c = console.log.bind(console); [1,2,3,4,5].forEach(c);

Answer 2

我不能说我已经看到了语法，但我的猜测是，因为日志需要一个参数，是消息/对象/等登录控制台。

在第一个例子

，你只是传递一个函数引用的forEach，如果你的函数不期望paramater这使得像预期的那样，其功能是好的。在第二个例子中，你传递e然后记录它。

Answer 3

这工作：

[1,2,3,4,5].forEach(console.log.bind(console)); 

Answer 4

值得指出的是，存在的console.log实施行为上的差异。在节点v0.10.19下，您不会收到错误;你只看到这一点：

> [1,2,3,4,5].forEach(console.log); 
1 0 [ 1, 2, 3, 4, 5 ] 
2 1 [ 1, 2, 3, 4, 5 ] 
3 2 [ 1, 2, 3, 4, 5 ] 
4 3 [ 1, 2, 3, 4, 5 ] 
5 4 [ 1, 2, 3, 4, 5 ] 

这是因为回调forEach是三个参数的函数取值，索引和数组本身。功能console.log看到这三个参数并尽职尽责地记录它们。

在Chrome浏览器控制台，不过，你得到

> [1,2,3,4,5].forEach(console.log); 
TypeError: Illegal invocation 

在这种情况下，bind将工作：

> [1,2,3,4,5].forEach(console.log.bind(console)); 
1 0 [ 1, 2, 3, 4, 5 ] 
2 1 [ 1, 2, 3, 4, 5 ] 
3 2 [ 1, 2, 3, 4, 5 ] 
4 3 [ 1, 2, 3, 4, 5 ] 
5 4 [ 1, 2, 3, 4, 5 ] 

但有另一种方法：注意：第二个参数为forEach取值this用于回调：

> [1,2,3,4,5].forEach(console.log, console) 
1 0 [ 1, 2, 3, 4, 5 ] 
2 1 [ 1, 2, 3, 4, 5 ] 
3 2 [ 1, 2, 3, 4, 5 ] 
4 3 [ 1, 2, 3, 4, 5 ] 
5 4 [ 1, 2, 3, 4, 5 ] 

其在Chrome的控制台和节点对我的作品。当然，我敢肯定，你想要什么仅仅是价值观，所以恐怕最好的解决办法是，确实是：

> [1,2,3,4,5].forEach(function (e) {console.log(e)}); 
1 
2 
3 
4 
5 

无论节点的行为是一个错误，或者是根本没有的优势事实上console.log不是由ECMA规定的是在自己的权利有趣。但不同的行为，你必须要知道你的回调是否使用this是重要的，意味着我们必须回落到直接编码，即使是冗长感谢关键字function的事实。