调试javascript的权利方式是什么？

Question

我在JavaScript文件中创建了一个名为test()的函数。在它中插入一个简单的警报。

在html文件中，点击按钮时调用该方法。但是，它没有被调用。

问题出现在第11个函数中，与我的无关！但是，如何让一个人做出他的第一个JavaScript函数来设法找到答案？

我在寻找调试javascript的最佳方法。

Answer 1

您可以使用许多现代浏览器调试JavaScript。查看如何在谷歌浏览器调试这个问题的详细信息：

How do you launch the JavaScript debugger in Google Chrome?

而且，你不应该使用alert()进行调试，因为这会产生不同的结果，以量产版，由于alert()在导致暂停脚本。

最好的做法是使用console.log()并查看浏览器控制台中的输出。

你也可以在你的javascript代码中放入debugger来强制一个断点。但是我宁愿不使用它，因为在部署之前忘记删除它会导致您的脚本暂停，这可能会让您很尴尬！

Answer 2

您应该使用浏览器提供的调试控制台。

浏览器有它内在的，按CTRL + SHIFT +Ĵ。在Firefox中，安装Firebug插件。

在你的代码，添加alert()显示流动和获得的变量的值。

此外，使用console.log()这将只输出到调试控制台。

Answer 3

根据您的浏览器选择有调试选项 - 我倾向于使用Firefox，所以Firebug在我的情况。有一个问题，其他浏览器的列表选项 - What is console.log and how do I use it?

除非您正在使用的项目已采用调试机制，否则在追踪问题时console.log()往往是一个简单而有用的选项。

虽然调试进入函数的时候，像这样你可以采取的办法注销行：

var myFunc = function(el) { 
    console.log('Inside myFunc'); 

    // Existing code 
}; 

这将使你看哪个函数被调用，并给你的一个粗略的想法执行顺序。

您还可以使用console.log()显示变量的内容 - console.log(el);

要留意一旦你完成删除/禁用console.log()电话，因为它可能会导致一些生产问题。

Answer 4

要回答的问题中你的问题，

怎么能一个人做他的假设发现了第一个JavaScript函数???

那么，当JavaScript中出现错误时，例如，您犯了一个语法错误 - 脚本将从那里停止工作。然而，这不会阻止HTML呈现，所以它可能看起来好像一切都是正确的（特别是如果你的JS没有改变页面的外观），但是JS的所有功能都将失效。

这就是为什么我们使用调试工具（在此处列出其他答案）来查看错误的原因，并且在这种情况下，很容易注意到哪个函数有错误并导致整个脚本中断。这可能会为您的老年人节省几分钟的时间。

最好的方法是频繁测试，以便在遇到错误时立即修复它们。