在前端开发中，我们经常使用控制台输出调试信息。其中，console.log 是最常用的方法之一。然而，你是否曾经遇到过这样的情况：在 Chrome 或 Firefox 浏览器的控制台输出信息时，始终会追加一句定义，比如：
VM123:1 Uncaught TypeError: Cannot read property 'name' of undefined
at <anonymous>:1:27这是为什么呢？
控制台输出与 JS 引擎
要理解这个问题的原因，需要先了解一下浏览器控制台输出信息的原理。
在浏览器中，控制台是通过 JavaScript 引擎来实现的。当我们使用 console.log() 输出信息时，JS 引擎会将这些信息传递给控制台，然后控制台将其显示在界面上。
但是，JS 引擎并不知道我们打印的信息具体是从哪里来的，因此在输出信息时，它会附加一句表示调用位置的定义。如果出现错误，则还会输出错误堆栈信息，以便我们定位错误。
如何消除定义信息
虽然控制台输出信息时附加定义信息可能有助于我们调试代码，但在某些情况下，这些定义信息可能会干扰我们的调试。比如，我们可能只想看到输出信息本身，而不希望在每一行信息前面都有 "VM123:1" 这样的定义信息。
那么，如何消除这些定义信息呢？其实很简单，只需要对 console.log() 方法进行封装即可。下面是一个简单的封装示例：
function log() {
var args = Array.prototype.slice.call(arguments);
console.log.apply(console, args);
}这个 log() 方法会将所有传递给它的参数，原封不动地转发给 console.log() 方法。这样，在使用 log() 方法输出信息时，就不会自动追加定义信息了。
总结
通过本文的介绍，我们了解到了浏览器控制台输出信息的原理以及如何消除定义信息。虽然添加定义信息可以帮助我们更方便地调试代码，但在某些情况下，这些信息可能会干扰我们的调试。因此，在实际开发中，我们可以根据自己的需求来决定是否需要消除定义信息。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/24620