console.log有什么用?

请用一个代码示例解释如何在JavaScript中使用它。


当前回答

console.log与jQuery无关。

它将消息记录到调试控制台,例如Firebug。

其他回答

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链内部。

Console.log()用于开发人员记录输出信息。

您还有如下所示的其他控制台方法

console.assert ()

//如果第一个参数为假,记录消息和堆栈跟踪到控制台。

console.clear ()

//清除控制台。

console.count ()

//记录使用给定标签调用该行的次数。

控制台countReset()。

//重置带有给定标签的计数器的值。

console.debug ()

//输出消息到控制台,日志级别为debug。

控制台dir()。

//显示指定JavaScript对象属性的交互式列表。这个清单允许您使用公开三角形来检查子对象的内容。

控制台dirxml()。

//如果可能,显示指定对象的XML/HTML元素表示;如果不可能,显示JavaScript对象视图。

console.error ()

//输出错误信息。您可以在此方法中使用字符串替换和附加参数。

console.exception ()

/ /非标准 // error()的别名。

console.group ()

//创建一个新的内联组,将输出后面的所有内容缩进另一层。要后退一层,调用groupEnd()。

console.groupCollapsed ()

//创建一个新的内联组,将输出后面的所有内容缩进另一层。但是,与group()不同的是,它从内嵌组开始折叠,需要使用一个公开按钮来展开它。要后退一层,调用groupEnd()。

console.groupEnd ()

//退出当前内联组。

console.info ()

//信息记录。您可以在此方法中使用字符串替换和附加参数。

console.log ()

//日志信息的一般输出。您可以在此方法中使用字符串替换和附加参数。

console.profile ()

/ /非标准 //启动浏览器内置的分析器(例如,Firefox性能工具)。您可以为概要文件指定一个可选的名称。

控制台profileEnd()。

/ /非标准 //停止分析器。您可以在浏览器的性能工具(例如,Firefox性能工具)中看到生成的概要文件。

console.table ()

//将表格数据显示为表。

console.time ()

//使用指定的名称作为输入参数启动计时器。在给定的页面上可以同时运行多达10,000个计时器。

console.timeEnd()

//停止指定的计时器,并以毫秒为单位记录从它启动以来经过的时间。

控制台timeLog()。

//将指定定时器的值记录到控制台。

console.timeStamp ()

/ /非标准 //添加一个标记到浏览器的时间轴或瀑布工具。

console.trace ()

//输出堆栈跟踪。

console.warn ()

console.log()是JavaScript中的一个函数,用于打印之前在其中定义的任何类型的变量,或者只是打印需要显示给用户的任何消息。

如代码:

function func() { return (5 * 18); }
     console.log(func());

IMG:

输出:

如果您的浏览器支持调试,您可以使用console.log()方法来显示JavaScript值。

用F12激活浏览器中的调试,并在调试器菜单中选择“控制台”。

JavaScript中的控制台。尝试修复或“调试”一个不起作用的JavaScript程序,并练习使用console.log()命令。根据你所使用的浏览器,有一些快捷方式可以帮助你访问JavaScript控制台:

Chrome控制台键盘快捷键

Windows操作系统:Ctrl + Shift + J Mac: Cmd + Option + J

Firefox控制台键盘快捷键

Windows: Ctrl + Shift + K Mac: Cmd + Option + K

Internet Explorer控制台键盘快捷键

F12键

Safari控制台键盘快捷键

Cmd + Option + C

当我开始console.log进行调试时,我真的觉得web编程很容易。

var i;

如果我想检查i运行时的值..

console.log(i);

您可以在firebug的console选项卡中检查I的当前值。它是专门用于调试。