JavaScript中如何等待异步函数执行完成后使用其结果？

嘿，这个场景太常见了！你现在需要解决的就是如何等待多个异步操作全部完成后再处理结果的问题，结合你给出的伪代码，我来一步步给你捋清楚怎么做。

你的函数里已经用到了$.when.apply，这方向是对的，但关键是要让getsomething返回这个合并后的异步操作对象，这样外部函数才能知道什么时候所有异步调用都完成了。

第一步：修正getsomething函数，返回合并后的Promise/Deferred #

首先调整你的伪代码，确保函数返回$.when处理后的结果：

var getsomething = function(objs) {
  // 为每个obj生成对应的异步任务（假设getsomethingforoneobj返回jQuery Deferred/Promise）
  var asyncTasks = objs.map(getsomethingforoneobj);
  // 用$.when.apply把多个异步任务合并成一个，然后返回这个合并对象
  return $.when.apply(this, asyncTasks);
};

第二步：在外部函数中等待结果 #

接下来分两种常用方式来在另一个函数里获取结果：

方式1：用jQuery的.then()链式调用（兼容旧环境） #

如果你还在使用传统的jQuery异步写法，可以用.then()来监听所有异步操作完成的事件：

var useSomethingResult = function() {
  getsomething(yourObjList)
    .then(function() {
      // $.when的回调参数会按顺序传入每个异步任务的结果
      // 把arguments转换成数组方便处理
      var allResults = Array.prototype.slice.call(arguments);
      // 这里就可以用allResults做你需要的业务逻辑了
      console.log("所有异步调用完成，结果集合：", allResults);
    })
    .fail(function(error) {
      // 处理任意一个异步调用失败的情况（只要有一个失败就会进入这里）
      console.error("有异步请求失败：", error);
    });
};

方式2：用async/await（现代JS环境推荐） #

如果你的项目支持ES6+语法，用async/await会让代码更简洁易读，不过要注意把外部函数声明为async：

var useSomethingResult = async function() {
  try {
    // 等待getsomething返回的所有异步操作完成
    // 注意：jQuery的Deferred和标准Promise略有差异，建议转换成标准Promise使用
    var asyncTasks = yourObjList.map(obj => Promise.resolve(getsomethingforoneobj(obj)));
    var allResults = await Promise.all(asyncTasks);
    
    // allResults是一个数组，顺序和yourObjList完全对应
    console.log("所有异步调用完成，结果集合：", allResults);
  } catch (error) {
    // 捕获任意一个异步操作的失败
    console.error("有异步请求失败：", error);
  }
};

额外注意点 #

• 确保getsomethingforoneobj函数确实返回了异步对象（比如内部用$.ajax的话，本身就会返回jQuery Deferred，满足要求）。
• 如果需要允许部分异步操作失败，同时保留成功的结果，可以用Promise.allSettled替代Promise.all，这样能拿到每个任务的状态（成功/失败）和对应结果。

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