为什么这个`do`-`while`循环在结束后重复最后一个值？ [复制]

Question

我在 Google Chrome 控制台中尝试了以下代码，我得到了这个输出。为什么要多打印 4 个？

var i = 0;

do{
  console.log(i);
  i++;
} while(i < 5);

输出：

0
1
2
3
4
4

Answer 1

最后没有多余的 4。你的循环是正确的并且工作得很好:)。这是i++ 表达式的返回值，您在开发者控制台中将其误认为console.log。试试这个，你会明白的；

var i=0;do{console.log('i = ', i);i++;}while(i<5);

编辑 感谢@ggorlen 指出这一点，它是块中最后一个表达式的返回值({})，即i++，i 递增该值并返回它的最后一个值（如果 i = 4;i++ 返回 4 并使 i = 5），（++i，返回 5 并使 i = 5）

var i=0;do{console.log('i = ', i);++i;}while(i<5);

将给出返回值 5

Answer 2

是的，额外的 4 个是正常的。 这称为表达式评估。 Id 并不意味着它正在打印，而是向您评估 i。

查看here 了解更多信息。

这只是 chrome 帮助您了解变量的动态环境。

Answer 3

JavaScript 有"Completion Records" 的概念。基本上每条语句都会产生一个完成记录。

Completion 类型是一个 Record，用于解释值和控制流的运行时传播，例如执行非本地控制转移的语句（break、continue、return 和 throw）的行为。

您通常无法在用户空间代码中对这些进行任何操作，但运行时需要这些才能正确执行您的程序。但是 Chrome 控制台会打印它执行的最后一条语句的完成记录的值。

不谈太多细节，下面是发生的事情：

• The value of the completion record of the do...whileloop 是其主体完成记录的值。
• 正文是一个带有语句列表的块。语句列表的完成值是the value of the completion record of the last statement in the list。
• 最后一条语句是表达式语句 (i++;)。 The value of the completion record of an expression is the value the expression evaluates to。

---

演示这种行为的最简单的例子就是

42;

评估这个表达式语句的结果是一个完成记录，看起来像

{
  type: normal,
  value: 42,
  target: empty
}

你会看到它在控制台打印42，因为那是表达式语句的完成记录的值。

一个稍微进化的例子：

if (true) {
  42;
}

将打印相同的内容。