Firebase认证未完成即触发快照监听，如何等待currentUser初始化？

我太懂这个坑了！Firebase 的 currentUser 经常会在页面初始化时还没完成会话恢复就被调用，直接拿它的 email 去请求 Firestore 肯定会出问题。这里有两个实用的解决思路，优先推荐第一个：

方法一：使用onAuthStateChanged监听认证状态（官方推荐） #

Firebase Auth 提供了专门的状态监听方法onAuthStateChanged，它会在用户登录状态变化时触发，包括页面加载完成后初始会话恢复成功的那一刻。这是最可靠的方式，能确保你拿到的user对象是完全可用的：

// 监听用户认证状态变化
firebase.auth().onAuthStateChanged((user) => {
  if (user) {
    // 此时user已完全就绪，可以安全访问email等属性
    firestore.collection("users").doc(user.email).onSnapshot((doc) => {
      console.log("check");
      if (doc.exists) {
        console.log("用户文档数据:", doc.data());
      } else {
        console.log("未找到用户文档");
      }
    });
  } else {
    // 用户未登录或会话失效，这里可以做跳转登录页等处理
    console.log("用户未登录，请先登录");
  }
});

这个方法的优势在于：

• 自动处理页面刷新、登录/登出等所有状态变化场景
• 无需手动轮询，性能更优
• 完全符合Firebase的设计规范

方法二：轮询检查currentUser（应急方案） #

如果你只是临时需要快速解决问题，也可以用轮询的方式等待currentUser就绪，但这种方式不够优雅，不推荐作为长期方案：

// 设置轮询定时器，每100ms检查一次
const userCheckTimer = setInterval(() => {
  const currentUser = firebase.auth().currentUser;
  if (currentUser) {
    // 找到用户后清除定时器
    clearInterval(userCheckTimer);
    // 执行Firestore监听
    firestore.collection("users").doc(currentUser.email).onSnapshot((doc) => {
      console.log("check");
    });
  }
}, 100);

这种方法的缺点是会产生不必要的重复检查，而且无法及时响应登录状态的变化（比如用户中途登出再登录）。

为什么会出现这个问题？ #

简单来说，Firebase Auth 在页面加载时需要从本地存储或服务器异步恢复用户会话，这个过程需要一点时间。而你的代码是同步执行的，所以在会话恢复完成前，currentUser就是null或undefined，直接访问它的email自然会出错。

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