在前端开发中，console.log() 是一个非常有用的调试工具。但是有时候会出现在非 console 对象上调用 console.log() 的情况，这可能会导致在控制台中看到一些意外的输出。
什么是 console.log()？
console.log() 是 JavaScript 中一个很常用的方法，它可以将结果输出到浏览器的控制台，常常用来进行调试和错误排查。
下面是一个简单的例子：
----- --- - ------ ----------------- -- -- ----- ----
为什么会出现 "console.log() called on object other than console" 的错误提示？
当我们尝试在除 console 对象之外的对象上使用 console.log() 方法时，就会出现 "console.log() called on object other than console" 的错误提示。
例如，以下代码尝试在一个数组对象上使用 console.log()：
----- --- - --- -- --- ------- - ------------ -------------- -------- -- ---------------- ------ -- ------ ----- ---- -------
这个错误提示意味着你正在尝试调用 console.log() 方法时，该方法是被另一个对象所拥有，而不是全局的 console 对象。
如何避免这个错误？
要避免这个错误，我们需要明确地将 console.log() 绑定到 console 对象上，而不是其他对象。这可以通过使用 bind() 方法来实现：
----- --- - --- -- --- ------- - -------------------------- -------------- -------- -- -- ------ ------ ----
在这个例子中，我们使用了 bind() 方法将 console 对象绑定到 arr.log 上。现在，当我们调用 arr.log() 时，它会输出到控制台，就像我们预期的那样。
总结
在 JavaScript 开发中，console.log() 是一种非常有用的调试工具。但是，在尝试在除 console 对象之外的对象上调用 console.log() 方法时，会出现意外的结果和错误提示。要避免这种情况，我们需要明确地将 console.log() 绑定到 console 对象上。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/27871