javascript将console.log分配给对象

Question

我正在使用sinon.js进行测试，但这与此处无关。 原始的sinon实现包含以下代码：

sinon = {
  log: function() {}
  //...
}

用户只有一个存根log功能可以覆盖它，更高级的sinon函数使用它。 那讲得通。 现在，我尝试为自己定义sinon.log函数：

sinon.log = console.log;

当我尝试记录某些内容时，我收到一个讨厌的错误，我不明白：

sinon.log(1)
> TypeError: Illegal invocation

我发现它与javascript中的this上下文有关，因为当我将此实现更改为：

sinon.log = function(){ console.log.apply(console, arguments) };

它非常适合n个参数（就像console.log一样）。 但是我不知道为什么要this对象设置为控制台对象。 它是否依赖于内部浏览器实现（我正在使用chrome）？ 是否有任何标准，例如在这种情况下我应该始终this对象设置为控制台？

我要求解释：内部结构如何工作，为什么会引发此错误，为什么我的第二个实现是正确的？

Answer 1

这在jsfiddle中为我工作：

sinon.log = console.log.bind(console)

（jsfiddle： http : //jsfiddle.net/vjotqjka/ ）

console.log与此有一个怪异的行为，这就是为什么我使用console.log.bind（console）将其设置为console的原因。 console.log的行为及其与浏览器无关，并且按预期工作。 这个stackoverflow答案看起来很相关： TypeError：console.log.apply上的非法调用

有关function.prototype.bind的更多信息，可以在这里找到： https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind