调试javascript的正确方法是什么?
What are the rights ways of debugging javascript?
我在javascript文件中创建了一个名为test()
的函数。在其中放置一个简单的警告。
在html文件中,在点击按钮时调用方法。但是,没有被调用。
问题在第11个函数中,与我的无关!!!!但是,一个人怎么能让他的第一个javascript函数假设发现??
我正在寻找最好的方法来调试javascript。
您可以使用许多现代浏览器调试javascript。有关如何在Google Chrome中调试的详细信息,请参阅此问题:
如何在Google Chrome中启动JavaScript调试器?
此外,您不应该使用alert()
进行调试,因为alert()
会导致脚本暂停,这会给生产版本带来不同的结果。
最佳实践是使用console.log()
并在浏览器控制台中查看输出。
你也可以把debugger
放在你的javascript代码中强制一个断点。但是我不喜欢使用这个,因为在部署之前忘记删除它会导致脚本暂停,这可能会很尴尬!
您应该使用浏览器提供的调试控制台。
Chrome内置,按CTRL + SHIFT + j。在Firefox中,安装Firebug插件
在您的代码中,添加alert()
以显示流并获取变量值。
同样,使用console.log()
,它只输出到调试控制台。
根据浏览器的选择,有调试选项—我倾向于使用Firefox,所以在我的情况下是Firebug。有一个问题列出了其他浏览器的选项-什么是console.log,我如何使用它?
除非您所从事的项目已经采用了调试机制,否则在跟踪问题时,console.log()
往往是一个简单而有用的选项。
在调试时,您可以采用在输入函数时注销一行的方法,如下所示:
var myFunc = function(el) {
console.log('Inside myFunc');
// Existing code
};
这将使您能够看到哪些函数被调用,并使您对执行顺序有一个大致的了解。
您也可以使用console.log()
显示变量的内容- console.log(el);
注意在完成后删除/禁用console.log()
调用,因为它可能会在生产中导致一些问题。
回答你的问题,
一个人怎么能让他的第一个javascript函数假设发现??
嗯,当JavaScript中出现错误时,例如,您犯了语法错误-脚本将从那里停止工作。然而,这不会阻止HTML渲染,所以它可能看起来好像一切都是正确的(特别是如果你的JS没有改变页面的外观),但JS的所有功能都将死亡。
这就是为什么我们使用调试工具(在这里的其他答案中列出)来查看错误,并且在这种情况下,很容易注意到哪个函数有错误并导致整个脚本中断。这可能也会为你的上级节省几分钟时间。
最好的方法是经常测试,这样无论何时遇到错误,都可以立即修复。
- 打破承诺链的好方法是什么
- 在JavaScript中拆分日期字符串的更好方法是什么
- 将jQuery.ech()方法转换为本地JavaScript抽象的最佳方法是什么
- 处理浮点错误的最佳方法是什么
- 基于窗口宽度jquery的函数的替代方法是什么
- knex:根据结果创建数组的合适方法是什么
- 以编程方式填充组合框道场 (1.8) 的最佳方法是什么?
- 使用Modernizr检测移动设备最可靠的方法是什么
- 确定var是否是javascript中的elementFinder对象的方法是什么
- 用javascript修复这个JSON对象字符串最干净的方法是什么
- 让会话值可用于JavaScript的好方法是什么
- 从AngularJs获取谷歌地图对象的正确方法是什么
- 使用ReactJS和Flux架构从服务器获取数据的正确方法是什么
- 列出没有 mysql 的元素的最佳方法是什么
- 克服错误的更优雅的方法是什么:需要对象说明符.当通过JXA通过Messages发送SMS时,参数没有对象说明符
- 使用较少代码隐藏和显示选择菜单内容的更好方法是什么?javascript
- 在 Javascript 中实现解耦代码/回调的正确方法是什么?
- 使用Javascript,获取元素的方法是什么,基于打开和关闭标记之间的文本
- 在d3.json中使用d3.csv组合多个csv文件数据输入的最佳方法是什么
- 直接在DOM事件处理程序中调用作用域函数的最短方法是什么