调试javascript的正确方法是什么?

What are the rights ways of debugging javascript?

本文关键字:方法 是什么 javascript 调试      更新时间:2023-09-26

我在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的所有功能都将死亡。

这就是为什么我们使用调试工具(在这里的其他答案中列出)来查看错误,并且在这种情况下,很容易注意到哪个函数有错误并导致整个脚本中断。这可能也会为你的上级节省几分钟时间。

最好的方法是经常测试,这样无论何时遇到错误,都可以立即修复。