如何使嵌套循环仅在异步函数解析后才继续，或者如何将".then“扩展到作用域之外

在异步函数中，我们可以使用Promise对象和async/await语法来处理异步操作。如果我们想要在嵌套循环中等待异步函数解析后再继续执行，可以使用递归和Promise的链式调用来实现。

首先，我们需要将嵌套循环封装在一个异步函数中，以便我们可以使用await关键字来等待异步操作的完成。然后，我们可以使用Promise对象和递归来实现嵌套循环的延迟执行。

下面是一个示例代码：

async function nestedLoop() {
  for (let i = 0; i < 10; i++) {
    await new Promise((resolve) => setTimeout(resolve, 1000)); // 模拟异步操作
    console.log(`外层循环：${i}`);
    
    for (let j = 0; j < 5; j++) {
      await new Promise((resolve) => setTimeout(resolve, 1000)); // 模拟异步操作
      console.log(`内层循环：${j}`);
    }
  }
}

nestedLoop();

在上面的代码中，我们使用了setTimeout函数来模拟异步操作。在每次循环迭代之后，我们使用await关键字等待Promise对象的解析，以确保异步操作完成后再继续执行下一次循环。

如果我们想要将.then扩展到作用域之外，可以使用一个外部的Promise对象来实现。我们可以在异步函数外部创建一个Promise对象，并将其resolve函数传递给异步函数。然后，在异步函数内部，我们可以通过调用resolve函数来解析外部Promise对象。

下面是一个示例代码：

function outerFunction() {
  let outerResolve;
  const outerPromise = new Promise((resolve) => {
    outerResolve = resolve;
  });

  async function nestedLoop() {
    for (let i = 0; i < 10; i++) {
      await new Promise((resolve) => setTimeout(resolve, 1000)); // 模拟异步操作
      console.log(`外层循环：${i}`);
      
      for (let j = 0; j < 5; j++) {
        await new Promise((resolve) => setTimeout(resolve, 1000)); // 模拟异步操作
        console.log(`内层循环：${j}`);
      }
    }

    outerResolve(); // 解析外部Promise对象
  }

  nestedLoop();

  return outerPromise;
}

outerFunction().then(() => {
  console.log("嵌套循环执行完成");
});

在上面的代码中，我们在outerFunction函数中创建了一个外部的Promise对象outerPromise，并将其resolve函数outerResolve保存起来。然后，在nestedLoop函数执行完成后，我们调用outerResolve函数来解析外部Promise对象。

最后，我们可以通过调用outerFunction().then()来在作用域之外使用.then来处理异步操作的完成。

这样，我们就实现了使嵌套循环仅在异步函数解析后才继续执行的功能，并且将.then扩展到作用域之外。