本文揭示初学者常犯的一个关键错误：将花括号 `{}` 误认为是 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掌握这一点，就能避开大量因语法误解引发的“循环不按预期执行”类问题。记住：结构决定逻辑，空循环体 + 独立块 ≠ 循环体。