console.log有什么用?
请用一个代码示例解释如何在JavaScript中使用它。
console.log有什么用?
请用一个代码示例解释如何在JavaScript中使用它。
当前回答
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链内部。
其他回答
它不是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()用于开发人员记录输出信息。
您还有如下所示的其他控制台方法
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 ()
注意:在您的产品代码中保留对控制台的调用将导致您的站点在Internet Explorer中崩溃。永远不要打开包装。参见:https://web.archive.org/web/20150908041020/blog.patspam.com/2009/the-curse-of-consolelog
console.log与jQuery无关。它是由调试器(包括Chrome调试器和Firebug)提供的一个通用对象/方法,允许脚本将数据(或大多数情况下的对象)记录到JavaScript控制台。
我试着用简单的方式解释:
为什么可用:
console.log()方法将一条消息写入控制台并显示它。
~对于测试目的非常有用。
~在脚本标记下/内部使用它们。
怎么看:
= >按F12
语法:
Console.log(要显示的消息);
~接受一个参数并显示它。
使用Array:
var myArray = [“Ali”, “John”, “Shahrukh”]; console.log(myArray);
使用对象:
var myObject = {firstname: "Ali", lastname: "Rana"}; console.log (myObject);
使用文本:[方法1]:
console.log(“你好StackOverflow”);
使用文本:[方法2]
var str = “Hello StackOverflow”; console.log(str);
与数字打交道:
var myvar = '2'; console.log(myvar);
工作功能:
函数myfunction(){返回(5 * 19);} console.log(函数());
显示带有参数的消息:
Var a = 2; console.log(" a的值是" + a);
希望,也许会有所帮助。