Console.log ();如何&调试javascript

Console.log(); How to & Debugging javascript

本文关键字：调试 javascript 如何 log Console      更新时间：2023-09-26

我希望这个问题对你们来说不是很基础。

我对jQuery的了解足以让我陷入麻烦，这意味着我可以抓取元素并用它做一些事情，编写我自己的小函数进行交互等等。但是有些事情不像预期的那样，在我把问题发布到stackoverflow并得到让我拍自己额头的答案之前，我想自己调试它，并且厌倦了将alert();插入到我的代码中。在阅读这个主题时，有提到console.log();, console.info();等，但我找不到任何资源来解释如何在现实世界场景中使用它们进行调试。

你们中有谁知道一个好的资源或教程(不要害怕阅读一本书)，可以解释如何使用这些函数为外行。似乎我所发现的教程和这样的方法要么是高级的，要么只是浏览表面，不告诉你如何使用它们。我知道我可以插入console.log();，它将在控制台中吐出firebug或element inspector的信息。但是，如果我手工编写的函数在行某处做了一些意想不到的事情，我如何在浏览器解析javascript时发现问题呢?

任何帮助都将非常感激，因为我觉得学习这将帮助我理解我的代码中发生了什么，所以我可以停止盯着屏幕"为什么不工作，它在jsfiddle中工作!"

console.log()只是接受您传递给它的任何内容，并将其写入控制台的日志窗口。如果你传入一个数组，你将能够检查数组的内容。传入一个对象，您可以检查对象的属性/方法。传入一个字符串，它会记录这个字符串。基本上就是"文档"。，但可以智能地将其参数分开，并将它们写在其他地方。

偶尔输出调试信息是有用的，但如果有大量的调试输出，则不是特别有用。

要监视脚本的执行，您可以使用调试器，它允许您逐行执行代码。Console.log用于当您需要显示某些变量的内容以便稍后检查，但又不想中断执行时。

学习使用javascript调试器。Venkman(用于Firefox)或Web Inspector (chrome的一部分)Safari)是非常好的调试工具。

当你与脚本交互时，你可以设置断点并询问机器的状态;逐步检查部分代码，以确保一切都按照计划工作，等等。

这是WebMonkey关于JavaScript调试初学者的一篇优秀的文章。这是一个很好的开始

我喜欢在头部添加这些函数。

window.log=function(){if(this.console){console.log(Array.prototype.slice.call(arguments));}};
jQuery.fn.log=function (msg){console.log("%s: %o", msg,this);return this;};

现在日志不会破坏IE我可以在一个地方启用或禁用它我可以记录内联

$(".classname").log(); //show an array of all elements with classname class

本质上console.log()允许你输出变量在你的javascript调试器的选择，而不是闪烁alert()每次你想检查的东西…此外，对于更复杂的对象，它将为您提供一个树视图来进一步检查对象，而不必像alert()那样将元素转换为字符串。

断点，尤其是条件断点是你的朋友。

你也可以写一个小的断言函数，它将检查值和抛出异常，如果需要在站点的调试版本(一些变量被设置为true或url有一些参数)

相关文章：