获取关联认证用户数组时无法推入users数组、Promise未解析的问题求助

你的代码核心问题是异步操作的处理逻辑混乱，没有正确利用 Promise 和 async/await 等待异步任务完成，导致你打印 users 数组时，FB API 的回调还没执行，数组自然是空的。具体来说有这几个关键问题：

1. 你创建了 Promise 但既没有返回它，也没有用 await 等待它完成，async 函数会直接往下执行，所以 console.log("User", users) 会先于 API 回调执行。
2. resolve 的用法完全错误：一个 Promise 只能被 resolve 一次，你在每个 API 回调里都调用 resolve(res)，会导致 Promise 提前终止，后续的 API 结果根本不会被处理。
3. FB 的 API 是基于回调的异步函数，你需要把它包装成 Promise 才能和 async/await 配合，否则无法正确等待所有请求完成。

修复后的代码 #

首先我们把 FB.api 包装成返回 Promise 的工具函数，这样就能用 await 来等待结果：

// 把回调风格的FB.api转换成Promise风格
function fbApi(path, params = {}) {
  return new Promise((resolve, reject) => {
    window.FB.api(path, params, (response) => {
      if (response.error) {
        reject(response.error);
      } else {
        resolve(response);
      }
    });
  });
}

async function getInstagramUserDetails() { 
  let users = []; 
  
  try {
    // 先获取关联账号列表
    const accountsResponse = await fbApi("/me/accounts");
    
    if (accountsResponse?.data?.length) {
      // 用Promise.all等待所有账号详情请求完成
      const accountDetails = await Promise.all(
        accountsResponse.data.map(async (account) => {
          return fbApi(
            `/${account.id}`,
            {
              fields: "name,username,instagram_business_account",
              access_token: account.access_token
            }
          );
        })
      );
      // 批量推入所有结果
      users.push(...accountDetails);
    } else {
      // 没有关联账号时获取当前用户信息
      const user = await fbApi("/me");
      users.push(user);
    }
    
    console.log("User", users); // 现在能正确打印数据了
    return users;
  } catch (error) {
    // 处理API请求失败的情况
    console.error("获取用户信息失败:", error);
    return users;
  }
}

关键修复点说明 #

• 包装FB.api为Promise：通过 fbApi 工具函数，把回调式的 API 转换成 Promise 风格，避免回调地狱，同时能和 async/await 配合使用。
• 用Promise.all处理批量请求：当需要请求多个关联账号的详情时，Promise.all 会等待所有异步请求完成后再返回结果，确保我们能一次性拿到所有数据再推入数组。
• 正确使用async/await：整个函数的异步逻辑都用 await 等待，确保 console.log 和 return 语句在所有 API 请求完成后执行。
• 错误处理：加入 try/catch 块捕获 API 请求可能出现的错误，让代码更健壮。

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