什么是console.log?

JavaScript

神无Jim小哥

2020-03-17

有什么用console.log

请通过代码示例说明如何在JavaScript中使用它。

第1857篇《什么是console.log?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

16个回答
NearItachi 2020.03.17

这与jQuery无关。console.log()被引用到控制台对象的日志功能,它提供了信息记录到浏览器的控制台方法。这些方法仅用于调试目的,不应依赖于向最终用户提供信息。

别坑我路易 2020.03.17

在Java脚本中,没有输入和输出功能。因此要调试代码,使用console.log()方法,这是一种记录方法。它将打印在控制台日志(开发工具)下。

在您打开IE开发工具之前,它不会出现在IE8中。

小宇宙Sam 2020.03.17

除了上述用法外,console.log还可以打印到终端node.js用express创建的服务器(例如)可以console.log用来写入输出记录器文件。

SamSam老丝 2020.03.17

它用于登录(您传递的所有内容)到Firebug控制台。主要用途是调试JavaScript代码。

斯丁ProJinJin 2020.03.17

console.log特别是开发人员编写代码的一种方法,可以不显眼地告知开发人员代码在做什么。它可以用来提醒您存在问题,但是在进行代码调试时,不应代替交互式调试器。它的异步特性意味着记录的值不一定代表调用该方法时的值。

简而言之:使用console.log(如果可用)记录错误,然后使用选择的调试器修复错误:Firebug,WebKit开发人员工具(SafariChrome内置),IE开发人员工具或Visual Studio。

Stafan飞云Sam 2020.03.17

如果浏览器支持调试,则可以使用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

达蒙小哥 2020.03.17

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

var i;

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

console.log(i);

您可以i在firebug的控制台标签中检查的当前值它专门用于调试。

小胖Sam 2020.03.17

早期,JS调试是通过alert()函数执行的-现在已经过时了。

console.log()功能是编写一条消息以登录调试控制台,例如 Webkit或Firebug。在浏览器中,您将不会在屏幕上看到任何内容。它将消息记录到调试控制台。仅在具有Firebug的Firefox和基于Webkit的浏览器(Chrome和Safari)中可用。它并非在所有IE版本中都能正常工作

控制台对象是DOM的扩展。

console.log()应在代码只开发和调试过程中使用。

有人console.log()将代码留在生产服务器上的javascript文件被视为不良做法

番长十三小宇宙 2020.03.17

一个示例-假设您想知道能够运行程序的哪一行代码(在程序崩溃之前!),只需键入

console.log("You made it to line 26. But then something went very, very wrong.")
GO西门理查德 2020.03.17

当心:在生产代码中留下对控制台的调用将导致您的站点在Internet Explorer中中断。切勿将其打开。参见:https : //web.archive.org/web/20150908041020/blog.patspam.com/2009/the-curse-of-consolelog

小小番长 2020.03.17

使用console.log添加调试信息到你的页面。

许多人alert(hasNinjas)为此目的而使用,但是console.log(hasNinjas)更易于使用。使用警报弹出窗口会弹出阻止用户界面的模式对话框。

编辑:我同意Baptiste PernetJanHančič的观点,这是一个非常好的主意,首先检查是否window.console已定义,以便在没有可用控制台的情况下不会破坏您的代码。

逆天古一 2020.03.17

console.log 与jQuery无关。

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

番长猿 2020.03.17

您可以使用它通过Firefox的FirebugWebKit浏览器中的JavaScript控制台来调试JavaScript代码

var variable;

console.log(variable);

它将显示变量的内容,即使它是数组或对象也是如此。

这是一个类似print_r($var);PHP

乐古一 2020.03.17

与jQuery无关,如果您想使用它,我建议您这样做

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

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

如评论中所建议,您也可以在一处执行该命令,然后console.log按常规使用

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

它将日志消息发布到浏览器的JavaScript控制台,例如Firebug或开发人员工具(Chrome / Safari),并显示执行该脚本的行和文件。

此外,当您输出jQuery Object时,它将在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);,它将显示在Chrome的“个人资料”标签中(对于FF不知道)。

有关完整参考,请访问http://getfirebug.com/logging ,我建议您阅读它。(跟踪,分组,配置文件,对象检查)。

希望这可以帮助!

小小西门 2020.03.17

console.log与jQuery无关。它是调试器(包括Chrome调试器和Firebug)提供的常见对象/方法,允许脚本将数据(或大多数情况下的对象)记录到JavaScript控制台。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android