如何制作一个干净的异步循环？

async function asyncLoop() {
  for (let i = 0; i < 10; i++) {
    await new Promise((resolve) => setTimeout(resolve, 1000));
    console.log(i);
  }
}

asyncLoop();

function asyncLoop() {
  let promise = Promise.resolve();
  for (let i = 0; i < 10; i++) {
    promise = promise.then(() => {
      return new Promise((resolve) => setTimeout(resolve, 1000)).then(() => {
        console.log(i);
      });
    });
  }
  return promise;
}

asyncLoop();

function* asyncLoop() {
  for (let i = 0; i < 10; i++) {
    yield new Promise((resolve) => setTimeout(resolve, 1000));
    console.log(i);
  }
}

const loop = asyncLoop();

function next() {
  const result = loop.next();
  if (!result.done) {
    result.value.then(() => {
      next();
    });
  }
}

next();