什么是console.log?

console.log有什么用?

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

当前回答

使用console.log向页面添加调试信息。

许多人使用alert(hasNinjas)来实现这一目的，但是console.log(hasNinjas)更容易使用。使用警报弹出一个模态对话框，阻止用户界面。

编辑:我同意巴蒂斯特·佩尔内特和扬·汉尼克的观点，检查窗口是一个非常好的主意。首先定义Console，以便在没有可用的控制台时代码不会中断。

其他回答

它用于将(传递给它的任何内容)记录到Firebug控制台。主要用途是调试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()方法来显示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

jQuery没有什么可做的，如果你想使用它，我建议你去做

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

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

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

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

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

var variable;

console.log(variable);

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

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

推荐文章