JavaScript循环内调用Java方法未按顺序执行如何解决？

你调用的JavaClass.Javamethod是异步方法，传入的callback会在Java侧计算完成后才触发，而原生同步for循环不会等待异步回调执行，会一次性发起全部5次调用，因此会出现循环执行完成后Java方法才陆续执行、回调返回顺序和循环顺序不一致的问题。

方案1：Promise + async/await（推荐，适配绝大多数现代JS运行环境） #

首先将异步回调的Java调用封装为返回Promise的函数，再通过async函数+await实现循环等待：

// 改造为返回Promise的异步函数
function secondfunction(j, x) {
  return new Promise((resolve) => {
    JavaClass.Javamethod(j, x, (result) => {
      // 回调触发时将结果抛出到Promise外层
      resolve(result);
    });
  });
}

async function firstfunction() {
  const x = 5;
  for (let j = 0; j < 5; j++) {
    // 等待本次Java方法执行完成并拿到返回结果后，才会进入下一轮循环
    const currentResult = await secondfunction(j, x);
    // 此处可处理当前次调用的返回结果，顺序和j的递增顺序完全一致
    console.log(`第${j}次调用返回结果：`, currentResult);
  }
}

如果需要捕获调用异常，可在await外层包裹try/catch块，同时在Promise中补充reject逻辑处理Java方法执行错误的场景。

方案2：递归调用（适配不支持async/await的旧环境） #

通过递归手动控制循环的执行进度，每次回调完成后再触发下一次调用：

function firstfunction() {
  const x = 5;
  let currentIndex = 0;

  // 单次执行逻辑，回调完成后触发下一次调用
  function runNextRound() {
    if (currentIndex >= 5) {
      // 所有调用执行完成的收尾逻辑可写在此处
      return;
    }
    secondfunction(currentIndex, x);
    currentIndex++;
  }

  function secondfunction(j, x) {
    JavaClass.Javamethod(j, x, (result) => {
      // 先处理本次返回结果
      callback(result);
      // 触发下一轮调用
      runNextRound();
    });
  }

  // 启动第一次调用
  runNextRound();
}

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