本文揭示了初学者常犯的一个典型错误：将独立代码块误认为是 do...while 循环体，导致逻辑执行与预期不符。关键在于理解 javascript 中花括号 `{}` 的作用域含义及 do...while 的循环保证语法结构。
你提供的代码看似是一个“空 do 块 + 条件后跟大括号代码”，但实际在 JavaScript 中，do...while 语句只接受一个单一语句（statement）作为循环体——它可以是单条语句（如 i++），也可以是一个复合语句（即用花括号包裹的语句块）。而你代码中的写法：
do {
}
while (i < 5)
{
myArray.push(i);
i++;
}语法上等价于：
do { } while (i < 5); // ✅ 一个完整、合法的 do...while 循环（空循环体）
{ // ❌ 这是一个独立的、与循环无关的块级作用域（block statement）
myArray.push(i);
i++;
}也就是说，while (i 根本不是循环的一部分，而是紧随其后的独立代码块（block），它会在 do...while 执行完毕后无条件执行一次。
由于初始 i = 10，i
立即学习“Java免费学习笔记（深入）”；
✅ 正确写法（将逻辑放入 do 块中）：
const myArray = [];
let i = 10;
do {
myArray.push(i);
i++;
} while (i < 5); // 注意：此处条件为 false，循环仍会执行一次
console.log(myArray); // 输出 [10]⚠️ 注意事项：
- do...while 至少执行一次循环体，无论条件真假；
- while 关键字后不能直接跟花括号作为循环体——花括号必须属于 do 子句；
- JavaScript 中的 { ... } 单独出现时是块语句（Block Statement），有自身作用域（ES6+），但它不构成任何控制流结构，只是顺序执行；
- 使用 ESLint 或现代编辑器可高亮此类语法歧义，建议开启 no-lone-blocks 规则预防。
? 总结：do...while 的语法结构是 do Statement while (Expression);，其中 Statement 是唯一循环主体。切勿将 while(...) 后的大括号误当作循环体——那是独立代码块，与循环逻辑完全解耦。理解语句（statement）与块（block）的语义边界，是掌握 JavaScript 控制流的关键基础。
