好的，我们来介绍一下 JavaScript 中的 while 循环语句。

JavaScript while 循环

while 循环是 JavaScript 中一种基本的控制流语句，它允许您根据指定的条件重复执行一段代码块。只要给定的条件评估为 true，循环就会继续执行其内部的语句。当条件变为 false 时，循环停止，程序继续执行循环之后的代码。

语法结构

while (condition) {
  // 要重复执行的代码块（循环体）
}

• condition：这是一个在每次循环迭代开始前都会被评估的表达式。如果这个表达式的计算结果为 true（真），则执行循环体内的语句。如果计算结果为 false（假），则退出循环。
• { ... }：这是循环体，包含在条件为 true 时需要重复执行的一条或多条语句。

工作原理

1. 评估条件：首先检查 condition 的值。
2. 执行循环体（如果条件为真）：如果 condition 为 true，则执行循环体内的所有语句。
3. 再次评估条件：执行完循环体后，程序流程回到 while 语句的开头，再次评估 condition。
4. 重复或退出：如果条件仍为 true，则再次执行循环体。这个过程会一直重复，直到 condition 变为 false。
5. 继续执行后续代码：一旦 condition 变为 false，循环终止，程序继续执行 while 循环块之后的代码。

关键点

• 条件至关重要：您必须在循环体内有修改条件状态的操作（例如，递增计数器、改变变量值），否则如果条件始终为 true，循环将无限执行（死循环），导致程序卡住或崩溃。
• 可能执行零次：如果初始条件就是 false，则循环体一次也不会执行。

示例

// 示例：使用 while 循环打印数字 0 到 9
let count = 0; // 初始化计数器变量

while (count < 10) { // 条件：当 count 小于 10 时执行循环
  console.log(count); // 打印当前 count 的值
  count++; // 递增 count 的值（修改条件状态，避免死循环）
}

// 循环结束后，程序继续执行这里的代码
console.log("循环结束!");

输出结果：

0
1
2
3
4
5
6
7
8
9
循环结束!

在这个例子中：

1. 我们声明并初始化了一个变量 count = 0。
2. 条件 count < 10 在第一次评估时为 true（因为 0 < 10），因此进入循环体。
3. 在循环体内，我们打印 count 的当前值（0），然后将 count 增加 1（count++）。
4. 再次评估条件：count 现在是 1，仍然小于 10，继续执行循环体。
5. 这个过程重复进行，每次 count 增加 1并打印。
6. 当 count 增加到 10 时，条件 count < 10（10 < 10）评估为 false，循环终止。
7. 程序接着执行循环之后的 console.log("循环结束!") 语句。

适用场景

while 循环常用于当您事先不确定循环需要执行的确切次数，但知道需要在某个条件满足时重复执行操作的情况。例如：

• 读取用户输入直到输入有效值。
• 处理数据流直到数据结束。
• 等待某个异步操作完成（虽然通常有更好的方式处理异步）。
• 游戏循环中检查游戏是否仍在进行中。

注意事项

• 避免死循环：确保循环体内有逻辑最终能使条件变为 false。
• 使用 break：可以在循环体内使用 break; 语句在任何时候强制退出循环。
• do...while 循环：JavaScript 还提供了 do...while 循环，它保证循环体至少执行一次，即使初始条件为 false。

总之，while 循环是 JavaScript 中实现基于条件的重复操作的基本工具。理解其语法、工作原理和如何正确设置循环终止条件是有效使用它的关键。