自定义facebookStatus()无法返回Facebook用户ID？异步函数返回问题求助

嘿，我来帮你捋捋这个问题——你碰到的Uncaught ReferenceError其实是异步操作时序和变量作用域的双重问题导致的，咱们一步步拆解清楚：

为什么你的代码会报错？ #

1. 异步时序错配：facebookConnectPlugin.getLoginStatus是个异步方法，它不会立刻返回结果，你的facebookStatus函数会直接跳到return result这一行，这时候回调函数里的代码还没执行，result根本还没被定义。
2. 变量作用域问题：你在两个回调函数里声明的var result都是局部变量，外面的return语句根本访问不到它们，就算异步完成了也拿不到值。

给你几个可行的解决方案： #

方案1：用回调函数处理异步结果

这是最基础的异步处理方式，把结果的逻辑放在回调里，或者给facebookStatus传一个回调来接收数据：

function facebookStatus(callback) {
  facebookConnectPlugin.getLoginStatus(function(response) {
    // 成功时把用户ID传给回调
    callback(null, response.authResponse.userID);
  }, function(error) {
    // 失败时把错误传给回调
    callback(error, null);
  });
}

// 调用方式
facebookStatus(function(error, userId) {
  if (error) {
    console.error('获取Facebook登录状态失败:', error);
  } else {
    console.log('用户Facebook ID:', userId);
  }
});

方案2：用Promise包装异步操作

Promise是更现代的异步处理方式，代码结构更清晰，还能链式调用：

function facebookStatus() {
  return new Promise((resolve, reject) => {
    facebookConnectPlugin.getLoginStatus(function(response) {
      resolve(response.authResponse.userID);
    }, function(error) {
      reject(error);
    });
  });
}

// 调用方式
facebookStatus()
  .then(userId => console.log('用户Facebook ID:', userId))
  .catch(error => console.error('获取失败:', error));

方案3：用async/await让代码像同步一样

如果你的运行环境支持ES6+，可以用async/await语法，让异步代码看起来更简洁直观：

async function facebookStatus() {
  return new Promise((resolve, reject) => {
    facebookConnectPlugin.getLoginStatus(function(response) {
      resolve(response.authResponse.userID);
    }, function(error) {
      reject(error);
    });
  });
}

// 调用方式（需要在async函数内执行）
async function logFacebookUserId() {
  try {
    const userId = await facebookStatus();
    console.log('用户Facebook ID:', userId);
  } catch (error) {
    console.error('获取登录状态失败:', error);
  }
}

logFacebookUserId();

总结一下：异步操作不能像同步代码那样直接return结果，必须用回调、Promise或者async/await来处理后续逻辑，这样才能拿到正确的用户ID~

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