Javascript 什么是console.log？

console.log的用途是什么

请用代码示例说明如何在JavaScript中使用它。
console.log
与jQuery无关

它将消息记录到调试控制台，如Firebug。
控制台。日志与jQuery无关。它是调试器（包括Chrome调试器和Firebug）提供的常用对象/方法，允许脚本将数据（或大多数情况下的对象）记录到JavaScript控制台。
它不是jQuery功能，而是用于调试目的的功能。例如，您可以在发生某些事情时将某些事情记录到控制台。例如：

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

然后，当您单击按钮时，您会看到Firebug的“控制台”选项卡（或其他工具的控制台，例如Chrome的Web Inspector）中单击了某个按钮

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

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

它用于将（您传递给它的任何内容）记录到控制台。主要用途是调试JavaScript代码。
使用
console.log
将调试信息添加到页面中

许多人使用
alert（hasnijas）
来实现这一目的，但是
console.log（hasnijas）
更容易使用。使用警报弹出窗口将弹出一个阻止用户界面的模式对话框

编辑：我同意，最好先检查
窗口。控制台
是否已定义，以便在没有可用控制台时代码不会中断。
与jQuery无关，如果您想使用它，我建议您这样做

if (window.console) {
    console.log("your message")
}

因此，当代码不可用时，您不会破坏代码

正如注释中所建议的，您也可以在一个地方执行该命令，然后像往常一样使用
console.log

if (!window.console) { window.console = { log: function(){} }; }

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


安装Firebug的扩展。除其他优点外，这使jQuery对象的日志记录看起来更好

创建一个更符合jQuery的链接代码约定的包装器


这通常意味着：

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

然后你可以像这样调用它

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

轻松检查jQuery链内部。
您可以使用它来调试用于Firefox或浏览器中JavaScript控制台的JavaScript代码

var variable;

console.log(variable);

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

它类似于
print\r（$var）的。
如果使用Firebug等工具检查代码，则可以查看记录到控制台的任何消息。假设您这样做：

console.log('Testing console');

当您访问Firebug中的控制台（或您决定用于检查代码的任何工具）时，您将看到您告诉函数要记录的任何消息。当您想查看函数是否正在执行，或者变量是否正确传递/分配时，这一点特别有用。它实际上对于找出代码的错误非常有价值。
它将向浏览器的javascript控制台（例如Firebug或开发者工具（Chrome/Safari））发布一条日志消息，并显示执行代码的行和文件

此外，当您输出jQuery对象时，它将在DOM中包含对该元素的引用，单击它将转到Elements/HTML选项卡中的引用

您可以使用各种方法，但要注意，要使其在Firefox中工作，必须打开Firebug，否则整个页面将崩溃。无论您记录的是变量、数组、对象还是DOM元素，它都会给您一个完整的细分，包括对象的原型（查看一下总是很有趣的）。您还可以包含任意数量的参数，它们将被空格替换

console.log(  myvar, "Logged!");
console.info( myvar, "Logged!");
console.warn( myvar, "Logged!");
console.debug(myvar, "Logged!");
console.error(myvar, "Logged!");

每个命令都会显示不同的徽标

您还可以使用
console.profile（profileName）
开始分析函数、脚本等，然后以
console.profileEnd（profileName）结束和它将显示在您的配置文件选项卡在铬（不知道与FF）

要获得完整的参考，请访问，我建议您阅读。（跟踪、组、分析、对象检查）

希望这有帮助
 
console.log
是一种专门为开发人员编写代码的方法，用于不显眼地告知开发人员代码正在做什么。它可以用来提醒您存在问题，但在调试代码时不应取代交互式调试器。它的异步性质意味着调用方法时不一定表示值

简而言之：使用
控制台记录错误。记录
（如果可用），然后使用您选择的调试器、WebKit开发人员工具（内置到和）、IE开发人员工具或Visual Studio修复错误。
注意：在生产代码中保留对控制台的调用将导致您的站点在Internet Explorer中中断。永远不要打开包装。请参阅：
当我启动
console.log进行调试时，我真的觉得web编程很容易

var i;

如果我想检查
i
runtime.的值

console.log(i);

您可以在firebug的控制台选项卡中检查
i
的当前值。它专门用于调试。
一个示例-假设您想知道您能够运行程序的哪行代码（在程序崩溃之前！），只需键入即可

var i;

console.log("You made it to line 26. But then something went very, very wrong.")

您可以查看控制台的位置！就为了把它们都放在一个答案里

Firefox


（您现在也可以使用Firefox
>>> var myObj = {foo: 'bar'}
undefined
>>> console.log('myObj is: ', myObj);
myObj is: Object { foo= "bar"}

>>> console.log('myObj is: ' + myObj);
myObj is: [object Object]

let myString = 'Hello World';
console.log(myString);

let myString = 'Hello World';
window.console.log(myString);