这与jQuery无关。console.log()引用控制台对象的日志函数，该函数提供了将信息记录到浏览器控制台的方法。这些方法仅用于调试目的，不应依赖于将信息呈现给最终用户。

您可以使用它在Firefox的Firebug或WebKit浏览器的JavaScript控制台中调试JavaScript代码。

var variable;

console.log(variable);

它将显示变量的内容，即使它是一个数组或对象。

它类似于print_r($var);PHP。

在早期，JS调试是通过alert()函数执行的——现在这是一种过时的做法。

console.log()是一个函数，它在调试控制台(如Webkit或Firebug)上写入一条消息以记录日志。在浏览器中，你在屏幕上看不到任何东西。它将一条消息记录到调试控制台。它只在带有Firebug的Firefox和基于Webkit的浏览器(Chrome和Safari)中可用。它在所有IE版本中都不能很好地工作。

控制台对象是DOM的扩展。

console.log()应该仅在开发和调试期间在代码中使用。

将console.log()留在生产服务器上的javascript文件中被认为是一种坏习惯。

它不是jQuery特性，而是用于调试的特性。例如，当发生一些事情时，您可以将一些事情记录到控制台。例如:

$('#someButton').click(function() {
  console.log('#someButton was clicked');
  // do something
});

当你点击按钮时，你会看到#someButton在Firebug的“控制台”选项卡(或其他工具的控制台-例如Chrome的Web检查器)中被点击。

由于某些原因，控制台对象可能不可用。然后你可以检查它是否正确——这很有用，因为当你部署到生产环境时，你不必删除调试代码:

if (window.console && window.console.log) {
  // console is available
}

console.log将调试信息记录到某些浏览器(安装了Firebug的Firefox, Chrome, IE8，任何安装了Firebug Lite的浏览器)的控制台。在Firefox上，它是一个非常强大的工具，允许您检查对象或HTML元素的布局或其他属性。它与jQuery无关，但在使用jQuery时，通常会做两件事:

为Firebug安装firerequery扩展。除了其他优点外，这使得jQuery对象的日志记录看起来更好。 创建一个更符合jQuery链接代码约定的包装器。

这通常是这样的意思:

$.fn.log = function() {
    if (window.console && console.log) {
        console.log(this);
    }
    return this;
}

你可以调用它，比如

$('foo.bar').find(':baz').log().hide();

轻松检查jQuery链内部。

如果使用Firebug等工具检查代码，则可以查看记录到控制台的任何消息。假设你这样做:

console.log('Testing console');

当您访问Firebug(或您决定使用的任何工具来检查代码)中的控制台时，您将看到您告诉函数要记录的任何消息。当您想要查看函数是否正在执行，或者变量是否被正确传递/赋值时，这特别有用。实际上，它对于找出代码中的错误是很有价值的。