console.log有什么用?
请用一个代码示例解释如何在JavaScript中使用它。
console.log有什么用?
请用一个代码示例解释如何在JavaScript中使用它。
当前回答
如果使用Firebug等工具检查代码,则可以查看记录到控制台的任何消息。假设你这样做:
console.log('Testing console');
当您访问Firebug(或您决定使用的任何工具来检查代码)中的控制台时,您将看到您告诉函数要记录的任何消息。当您想要查看函数是否正在执行,或者变量是否被正确传递/赋值时,这特别有用。实际上,它对于找出代码中的错误是很有价值的。
其他回答
举个例子——假设你想知道哪行代码可以运行你的程序(在它崩溃之前!),只需输入
console.log("You made it to line 26. But then something went very, very wrong.")
它会发布一个日志消息到浏览器的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)结束它;它会显示在你的Chrome配置文件选项卡(不知道与FF)。
要获得完整的参考,请访问http://getfirebug.com/logging,我建议您阅读它。(跟踪、组、分析、对象检查)。
希望这能有所帮助!
引用MDN文档
控制台-包含许多你可以调用来执行的方法 基本的调试任务,通常集中在各种日志记录上 值发送到浏览器的Web控制台。 到目前为止,最常用的方法是使用console.log 记录特定变量中包含的当前值。
如何使用Javascript?
let myString = 'Hello World';
console.log(myString);
还要记住控制台是web浏览器全局窗口对象的一部分。因此,以下内容在技术上也是正确的,但在实际场景中没有使用。
let myString = 'Hello World';
window.console.log(myString);
它不是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()方法将一条消息写入控制台并显示它。
~对于测试目的非常有用。
~在脚本标记下/内部使用它们。
怎么看:
= >按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);
希望,也许会有所帮助。