Angular 2 Firebase获取邮箱与UID异常：仅执行if分支不进入else

嘿，我之前在Angular + Firebase开发时也踩过类似的用户状态判断坑，来帮你捋清楚为啥会出现这种情况～

核心原因推测 #

你描述的“data.email和data.uid为null却只走if分支”，大概率是判断逻辑和实际变量状态不匹配，或者对Firebase Auth返回的用户对象状态理解有偏差，以下是具体的排查方向和解决办法：

1. 先确认你的条件判断写法是否有误 #

先看你当前的if条件是不是犯了这些常见错误：

• 如果你写的是类似 if (data) 而不是 if (data.email && data.uid)：
  Firebase Auth在用户未登录时，返回的user对象可能是null，但如果你的代码里data是一个空对象（而非null），那if (data)会判定为true，直接进入if分支。
• 误将逻辑或写成逻辑与：
  比如本来想写if (data.email == null || data.uid == null)，结果写成了&&，导致条件永远不成立，无法进入else。
• 未处理undefined的情况：
  Firebase返回的用户属性可能是undefined而非null，如果你用data.email === null判断，会漏掉undefined的情况，导致条件不触发。

2. 用日志快速定位真实变量状态 #

最直接的办法是在两个分支里都加日志，打印出真实的data、data.email、data.uid值：

// 替换成你的判断逻辑
if (/* 你的原条件 */) {
  console.log("进入if分支：", {
    data: data,
    email: data?.email,
    uid: data?.uid
  });
  // 原有逻辑
} else {
  console.log("进入else分支");
  // 原有逻辑
}

通过日志你会发现：

• 是不是data本身不是null，而是空对象？
• data.email是undefined而非null？
• 甚至是不是代码执行顺序问题，data还没初始化就被判断了？

3. 修正判断逻辑（推荐写法） #

结合Firebase Auth的特性，推荐用可选链+严格判断来写条件，既能避免空指针报错，又能准确判断用户状态：

// 监听Firebase用户状态变化（推荐用userChanges而非currentUser）
import { userChanges } from '@angular/fire/auth';

userChanges(this.auth).subscribe(user => {
  // 判断用户是否已登录：uid和email都存在（非null/undefined）
  if (user?.uid && user?.email) {
    // 已登录逻辑：获取用户资料
    this.fetchUserProfile(user.uid);
  } else {
    // 未登录逻辑：跳转到登录页或显示未登录状态
    this.navigateToLogin();
  }
});

这里的?.是可选链操作符，能避免user为null时访问uid/email报错；同时user?.uid会自动判断值是否为null或undefined，确保条件只在用户已登录时触发。

4. 额外注意：Firebase Auth的初始化时机 #

如果你的页面是刷新后出现问题，可能是Firebase Auth还没完成初始化，currentUser返回了旧的缓存值。这种情况下，一定要用userChanges()或authState()这类Observable来监听用户状态，而不是直接同步获取currentUser——前者会在Auth初始化完成后自动emit最新的用户状态。

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