调用async函数获取Facebook Graph API数据返回Promise {<pending>}怎么办

根本原因 #

所有async函数的返回值默认是Promise对象，你直接同步调用该函数时，请求还未执行完成，自然只会得到Promise { <pending> }的结果，必须通过异步语法读取返回值。

可用解决方案 #

方案1：在async上下文中使用await调用 #

await关键字可以等待Promise执行完成后直接返回结果，注意await只能在async标记的函数内部使用：

// 调用示例
const queryFacebookData = async () => {
  const link = "待查询的目标URL";
  const ACCESS_TOKEN = "你的Facebook接口访问令牌";
  const statsResult = await getFacebookStats(link, ACCESS_TOKEN);
  // 此处可正常读取返回的统计数据
  console.log("互动统计：", statsResult.data?.engagement);
};
// 执行调用
queryFacebookData();

方案2：使用.then()链式调用 #

如果外层是同步上下文，无法嵌套async函数，可以用Promise的原生链式方法读取结果：

const link = "待查询的目标URL";
const ACCESS_TOKEN = "你的Facebook接口访问令牌";
getFacebookStats(link, ACCESS_TOKEN).then(statsResult => {
  // 回调内可正常读取返回的统计数据
  console.log("互动统计：", statsResult.data?.engagement);
}).catch(err => {
  // 额外补充错误捕获，和函数内部的异常处理形成双重保障
  console.error("请求失败：", err);
});

代码优化建议 #

• 对请求参数中的URL做编码处理，避免URL中的特殊字符导致请求异常，将请求路径中的${link}替换为${encodeURIComponent(link)}
• 可以在函数内部直接返回你需要的互动数据字段，减少调用后的冗余处理，修改后的函数示例：

const getFacebookStats = async (link, ACCESS_TOKEN) => {
  try {
    const resp = await axios.get(
      `https://graph.facebook.com/v12.0/?id=${encodeURIComponent(link)}&fields=engagement&access_token=${ACCESS_TOKEN}`
    );
    // 直接返回互动统计字段，不存在则返回空对象避免后续取值报错
    return resp.data?.engagement || {};
  } catch (err) {
    console.error("Facebook接口请求失败：", err);
    // 异常时也返回空对象，保证调用方取值逻辑统一
    return {};
  }
};

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