JavaScript中while循环内变量的工作机制及避免无限循环的原因

先看你提供的代码示例：

let dice = Math.trunc(Math.random() * 6) + 1;
while (dice !== 6) {
  console.log(`Dice value is ${dice}`);
  dice = Math.trunc(Math.random() * 6) + 1;
  if (dice === 6) console.log(`Here comes your value`);
}

问题1：JavaScript中while循环内的变量是如何工作的？ #

• 这里的dice是用let声明的当前作用域变量，在while循环外部完成初始化，循环内部可以直接访问和修改它的数值。
• while循环的执行逻辑是：先校验dice !== 6的条件，条件为true时进入循环体执行代码；每次循环体执行完毕后，会回到条件判断步骤，用dice的当前值重新判断是否继续循环。
• 循环体里对dice的修改会直接影响下一次的条件判断——比如示例里每次循环都会重新生成骰子值，下一次判断就会用这个新数值。

问题2：为何需要在while循环内部重新执行骰子值生成代码？若不执行该操作，while循环会陷入无限循环的原因是什么？ #

• 必须在循环内部重新生成骰子值，是因为我们需要让dice的数值有机会变为6，这样dice !== 6的条件会转为false，循环才能正常终止。
• 如果不在循环内部重新生成，dice会一直保持初始化时那个不等于6的数值（比如初始是2），那么dice !== 6的条件永远为true，循环会反复执行相同的代码，永远停不下来，也就是陷入无限循环。

内容的提问来源于stack exchange，提问作者Amit Kumar