JavaScript 异步循环 直到状态更改

在JavaScript中，可以使用async/await和Promise来实现异步循环直到状态更改。

使用async/await的方式可以让代码看起来更加简洁和易懂。下面是一个异步循环的示例代码：

async function waitUntilStatusChanges() {
  while (true) {
    const status = await getStatus();
    if (status === 'changed') {
      console.log('Status changed!');
      break;
    }
    console.log('Status not yet changed');
    await sleep(1000); // 等待1秒钟
  }
}

async function getStatus() {
  // 异步获取状态的代码
}

function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

在上面的代码中，我们使用`async/await`来等待异步函数`getStatus()`的返回结果。如果状态没有改变，我们会等待1秒钟，并再次调用`getStatus()`。如果状态已经改变，我们会打印`Status changed!`并跳出循环。

另外，我们还编写了一个`sleep()`函数来等待1秒钟。这个函数返回一个Promise，等待指定的时间后再resolve。

如果您不想使用`async/await`，可以使用Promise来实现异步循环。下面是一个使用Promise的示例代码：

function waitUntilStatusChanges() {
  return new Promise((resolve, reject) => {
    const checkStatus = () => {
      getStatus()
        .then(status => {
          if (status === 'changed') {
            console.log('Status changed!');
            resolve();
          } else {
            console.log('Status not yet changed');
            setTimeout(checkStatus, 1000); // 等待1秒钟
          }
        })
        .catch(error => reject(error));
    };
    checkStatus();
  });
}

function getStatus() {
  // 异步获取状态的代码
}

在上面的代码中，我们使用一个递归函数`checkStatus()`来等待异步函数`getStatus()`的返回结果。如果状态没有改变，我们会等待1秒钟，并再次调用`checkStatus()`。如果状态已经改变，我们会resolve Promise。

总的来说，无论是使用async/await还是Promise，JavaScript都可以实现异步循环直到状态更改的需求。