javascript - 如何调试或缩小逻辑错误范围？

Question

我正在尝试调试我正在制作的这个游戏。 for 循环出了问题，我不知道是什么问题；本质上，我试图在用户单击“准备就绪”后让我的矩形在 Canvas 上生成。调试逻辑错误的方法有哪些？在 Khanacademy 上做这件事。

当我 println 函数时。控制台显示无限循环并指向我的 for 循环。

当我单击“准备就绪”时，控制台每次都会增加 1，因此我知道 levelUp 函数正在运行。

我无法发布另一个链接，因为没有足够的代表，但是当我 println randomRects 时，控制台上什么也没有出现。

因此，我相信可以安全地假设我的 for 循环出现问题，因为 levelUp 函数可以工作，但随机矩形没有出现。我可以使用哪些其他调试技术来缩小问题范围？

Answer 1

您可以通过找出代码到底在做什么来调试问题。

有几种方法可以做到这一点:

用你的头脑。这是你的第一道防线。在头脑中运行代码，或者更好的是用一张纸和一支铅笔。使用一些示例值作为输入，然后逐行查看代码的作用。大声说出来，写下来，然后一遍又一遍地这样做。这是成为一名程序员的重要组成部分。

使用控制台。Processing 有一个 println() 函数，该函数应该转到浏览器中的 JavaScript 控制台。这是你最好的新 friend 。打印出您想了解的任何变量的值，如下所示:

println("x: " + x);

或者 if 语句中的一个简单的 println("here") 可以告诉您 if 语句是否正在执行。将此与方法一结合起来，真正检查您的所有假设。

使用调试器。如果所有其他方法均失败，请使用调试器单步执行代码。这基本上是使用计算机来完成前两种方法。

实际上，您将使用上述所有方法的组合来调试问题。但基本思想是这样的:你需要了解你的代码在做什么。为此，您首先在头脑中或在纸上运行代码，然后通过打印内容来测试任何假设或任何不确定的内容。