本文揭示初学者常犯的一个关键错误：将花括号 `{}` 误认为是 do...while 循环体，实则它是一个独立的普通代码块；循环体为空，后续花括号内代码无条件执行一次，导致 `myarray` 意外推入 `10`。
你提供的代码看似在写一个 do...while 循环，但实际存在严重的语法结构误解。让我们逐行拆解问题所在：
const myArray = [];
let i = 10;
do {
// 空循环体 → 什么也不做
} while (i < 5) // 条件为 false（10 < 5 是 false）
{
// ⚠️ 这不是循环的一部分！
// 这是一个独立的「语句块」（block statement），JS 中合法且可单独存在
myArray.push(i); // 执行：push(10)
i++; // 执行：i 变为 11
}
console.log(myArray); // 输出: [10]? 根本原因：do...while 的语法结构不允许在 while(...) 后加花括号作为循环体
JavaScript 中 do...while 的正确语法是：
do {
// 循环体（必须是单个语句或语句块）
} while (condition);注意：while (condition) 后面不能跟花括号——否则该花括号不隶属于循环，而是被解析为一个独立的、无关联的代码块（即 block statement），它会在 do...while 执行完毕后无条件执行一次（因为 JS 允许顶层块语句）。
✅ 正确写法（若想实现“先执行再判断，且循环体包含 push 操作”）：
立即学习“Java免费学习笔记（深入）”；
const myArray = [];
let i = 10;
do {
myArray.push(i);
i++;
} while (i < 5); // 条件首次即为 false，但循环体已执行 1 次 → myArray = [10]
console.log(myArray); // [10]⚠️ 错误写法（你原始代码的真实结构）：
do { } while (i < 5); // 空循环：执行 1 次 → 无效果；条件检查后退出
{ // ← 独立块，非循环一部分！
myArray.push(i); // 总会执行
i++;
}? 关键提醒（新手必记）：
- do...while 的循环体必须紧接在 do 关键字之后，且由一对花括号 {} 或单个语句构成；
- while (condition) 后面不能、也不应该再写花括号——那不属于循环，是独立作用域块；
- JavaScript 中裸 { ... } 是合法语句（称为 block statement），可用于作用域隔离（如 let/const 临时变量），但它绝不会自动绑定到前一个控制流语句上；
- 编译器/引擎不会报错，但逻辑完全偏离预期——这是静默陷阱（silent bug），极易被忽视。
✅ 验证建议：添加日志观察执行顺序
let i = 10;
console.log("Before loop");
do {
console.log("In do body");
} while (false);
console.log("After while");
{
console.log("In standalone block");
}
// 输出：
// Before loop
// In do body
// After while
// In standalone block掌握这一点，就能避开大量因语法误解引发的“循环不按预期执行”类问题。记住：结构决定逻辑，空循环体 + 独立块 ≠ 循环体。
