javascript 将 console.log 分配给一个对象

Question

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

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

只有一个 stub 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) 将其 this 设置为控制台。console.log 及其 this 的行为不是特定于浏览器的，并且按预期工作。这个 stackoverflow 答案看起来相关:TypeError: Illegal Invocation on console.log.apply

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