Question

我在javascript文件中创建了一个名为test()的函数。在其中添加了一个简单的警报。

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

问题出现在第11个功能中，与我的无关!!!!但是，一个人如何制作他的第一个javascript函数假设找到了???

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

Answer 1

您可以使用许多现代浏览器调试javascript。有关如何在Google Chrome中进行调试的详细信息，请参阅此问题：

此外，您不应该使用alert()进行调试，因为alert()导致脚本暂停，这会给生产版本带来不同的结果。

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

您还可以在您的javascript代码中添加debugger以强制断点。但是我不想使用它，因为在部署之前忘记删除它会导致脚本暂停，这可能会非常尴尬！

Answer 2

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

Chrome已内嵌，按 CTRL + SHIFT + j 。在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的所有功能都将是死。

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

最好的方法是经常测试，以便每当遇到错误时，您都可以立即修复它们。