JavaScript“for”循环中的执行顺序是什么？

Question

这篇文章是这篇文章的简化版：

What is the exact order of execution of Javascript's for loop?

我对为什么在使用 for 循环时总是感到困惑非常感兴趣。我想了解如何在后台执行 for 循环。

for (let i = 0; i < 10; i++) {
  alert(i);
};

因此，据我了解，这是我所理解的执行此类操作的顺序：

1) 引擎初始化i = 0

2) 引擎检查i < 10

3) 引擎从包含 for 语句的括号中弹出

4) 引擎为此迭代执行循环内的代码

5) 引擎弹回括号内递增i，

6) 从第 2 步开始重复。

我想我对第 3 步感到最困惑。引擎是否真的跳出“for”循环来执行块内的代码？

据我了解，JavaScript 是单线程的，只能同步运行，所以我有点困惑，在 'for' 语句中间，引擎如何保持 'for' 的状态在执行块中的代码时的内存.... 除非'for'循环中的三个条件中的每一个都是它们自己独立的命令，可以在继续执行之前执行和完成块。

我什至不确定我是否正确地问了这个问题，我对编程还是比较陌生，我现在只知道 vanilla JS ......下个月是我进入 node 的时候;)

想通了： Click for an image of my breakpoint placement

我了解到顺序是这样的： 1）var i初始化为0

2) var i 被检查为真

3) 如果为真，则执行代码，

4) 一旦执行完成，i 就会递增

5) 加一，i 被检查为真

6) 重复步骤 3 - 5，直到 i 为假

7) 迭代完成。

谢谢大家。 Chrome 调试器比我想象的要强大得多！

Answer 1

（抱歉，没有足够的代表将其放入 cmets）

我建议使用浏览器调试功能。我不确定您使用的是什么浏览器，但只是谷歌“使用 X 浏览器调试 JS”，那里有很多教程。

首先，创建一个简单的 for 循环 htm 文件。然后打开浏览器并初始化调试器。然后在浏览器中打开文件。打开“来源”部分，您的代码将可见。单击带有 for 循环的行并设置断点，并在变量上创建监视（如 i）。

然后重新加载 htm 文件，调试器将在断点处停止。然后一步一步“步入”for循环。您将能够通过查看每个步骤的代码来观察系统是如何移动的，您可以观察变量的变化，希望这能让您对它的工作方式有所了解。

这是理解您可能拥有的任何复杂代码并轻松调试错误的好方法。