CONSOLE.LOG(); 如何和调试JavaScript

Question

好的,我希望这个问题对你们来说不是基本的.

我知道足够的jQuery让自己陷入困境,这意味着我可以抓住元素并用它做些事情,编写我自己的小功能来实现交互性等等.但是在我将问题发布到stackoverflow并获得让我自己在前额上打耳光的答案之前,有些事情没有按预期发展,我想自己调试它并且厌倦了插入alert();我的代码.在阅读这个主题时,提到了console.log();,console.info();但是我找不到任何解释如何在现实场景中使用这些资源进行调试的资源.

你们中的任何人都知道一个好的资源或教程(不怕读书)可以解释如何将这些功能用于外行.似乎我找到的教程和其他方法是高级或只是略过表面,而不是告诉你如何使用它们.我知道我可以插入console.log();,它会在控制台中吐出信息firebug或element inspector.但是,如果我的手工烘焙功能在某个地方做了一些意想不到的事情,那么当浏览器解析javascript时如何找到问题呢.

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

Answer 1

console.log()只接受传递给它的任何内容并将其写入控制台的日志窗口.如果传入数组,则可以检查数组的内容.传入一个对象,可以检查对象的属性/方法.传入一个字符串,它将记录字符串.基本上它是"document.write",但可以智能地拆分其参数并将其写入其他地方.

输出偶尔的调试信息很有用,但如果你有大量的调试输出则不是特别有用.

要观察脚本的执行情况,您可以使用调试器,它允许您逐行逐步执行代码.当您需要显示某些变量的内容以供以后检查但不想中断执行时,使用console.log.