如何在调用Firebase数据库函数时访问其返回值？

嗨，我完全懂你现在的困惑——你的getprofile函数其实返回的是一个Promise（因为Firebase的数据库查询是异步操作），所以没法直接像同步函数那样拿到返回值，得用Promise的专属方式来处理结果才行～

先调整原函数，让它返回可用数据 #

你当前的函数里，虽然在.then()回调里拿到了用户数据，但整个getprofile函数返回的是Firebase查询的Promise对象，而不是直接的用户信息。我们需要修改函数，让它在异步回调里返回整理好的用户数据：

function getprofile(useruid) {
  return firebase.database().ref('users/' + useruid + '/')
    .once('value')
    .then(bref => {
      const userData = bref.val();
      // 把需要的字段整理成对象返回，后续就能直接拿到这些值
      return {
        username: userData.username,
        provider: userData.provider,
        submitedpic: userData.profilepic
      };
    });
}

两种访问返回值的实用方式 #

方式1：用.then()链式调用（基础Promise用法）

在调用函数后，通过.then()接收异步返回的结果，这是处理Promise最经典的方式：

// 传入目标用户UID调用函数
getprofile('你的目标用户UID')
  .then(userProfile => {
    // 这里就能直接访问所有返回的字段了！
    console.log('当前用户名：', userProfile.username);
    console.log('登录提供商：', userProfile.provider);
    console.log('用户头像地址：', userProfile.submitedpic);
    
    // 在这里执行你需要的业务逻辑，比如更新页面UI、存储数据等
  })
  .catch(error => {
    // 别忘了处理可能出现的错误（比如网络问题、用户不存在）
    console.error('获取用户信息失败：', error);
  });

方式2：用async/await（同步风格写法）

如果你觉得链式调用不够直观，可以用async/await语法，让异步代码看起来像同步代码一样简洁：

// 注意：await必须放在async函数内部
async function loadUserProfile(userId) {
  try {
    // 等待Promise完成，直接拿到返回的用户数据
    const userProfile = await getprofile(userId);
    
    // 直接使用数据
    console.log('用户ID：', userId);
    console.log('用户名：', userProfile.username);
    // 执行其他业务逻辑...
  } catch (error) {
    console.error('加载用户信息出错：', error);
  }
}

// 调用这个async函数
loadUserProfile('你的目标用户UID');

关键逻辑说明 #

Firebase的数据库操作都是异步的——代码不会等着查询完成再往下走，而是先返回一个Promise对象，等数据真正从服务器返回后，再通过.then()或者await来获取结果。你之前只能在控制台看到日志，就是因为日志写在异步回调里，而函数本身没有把数据传递出来。

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