时间戳

首页 > 解决方案 > Javascript：在箭头函数中声明的变量不能在while循环中更新

javascript - Javascript：在箭头函数中声明的变量不能在while循环中更新

问题描述

本质上，我正在尝试运行一个简单的箭头函数，在 Javascript 中测试同步和阻塞代码。这是代码片段：

let runTimer = (startingTime) => {
  let time = parseInt(startingTime);
  while (time < 100) {
    console.log("testing", time);
    time = time++;
  }
};

runTimer(0)
console.log("timer complete");

发生的事情是时间变量从未在 while 循环内更新，因此导致无限循环。我也尝试在声明时间变量时使用 var 而不是 let ，但没有成功。即使将箭头函数更改为普通函数声明也没有任何区别。我想知道这样做的充分理由是什么，以及如何更改此代码片段以使其具有有限循环，然后将计时器完整记录到控制台。

标签： javascriptblockingsynchronous

解决方案

问题是

time = time++;

这是使用post-increment，这意味着增量表达式解析为在变量更改发生之前的值。发生的逻辑与以下非常相似：

time = (() => {
  const origTime = time;
  time = time + 1;
  return origTime;
})();

这解决了time = time. 尽管增量会更新变量，但随后会再次分配原始值time，因此它似乎保持不变。

无论如何，我建议不要使用增量作为表达式，它们会令人困惑并且会产生这样的错误。只需这样做time++：

let runTimer = (startingTime) => {
  let time = parseInt(startingTime);
  while (time < 100) {
    console.log("testing", time);
    time++;
  }
};

runTimer(0)
console.log("timer complete");

推荐阅读