我正在使用 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
对象设置为控制台吗?
我要求解释:内部是如何工作的,为什么会出现这个错误以及为什么我的第二个实现是正确的。
最佳答案
这在 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
关于javascript 将 console.log 分配给一个对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25470031/