如何在Firebase的authStateObserver中调用.isNewUser()方法？

你说得对，onAuthStateChanged的回调里拿到的user对象确实没有isNewUser()方法——因为这个观察者是监听全局用户状态变化的，不管用户是刚登录、从本地缓存恢复登录，还是切换账号，它只会返回核心的用户身份信息，不会包含登录时的额外上下文数据。

那该怎么拿到additionalUserInfo里的isNewUser呢？其实关键要从登录操作的返回结果里获取，再把这个状态传递给观察者或者后续逻辑，具体分两种场景：

1. 弹窗式登录（比如Google/Facebook登录） #

当你用signInWithPopup这类弹窗登录方法时，它返回的Promise会解析出一个UserCredential对象，里面直接包含additionalUserInfo属性，你可以在这里直接判断是否是新用户：

firebase.auth().signInWithPopup(new firebase.auth.GoogleAuthProvider())
  .then((result) => {
    // 从登录结果里拿到额外用户信息
    const additionalInfo = result.additionalUserInfo;
    const isNewUser = additionalInfo.isNewUser;
    
    if (isNewUser) {
      console.log("这是新用户，执行初始化逻辑：比如创建用户文档、引导页跳转");
      // 可以把这个标记存在本地存储，方便后续观察者使用
      localStorage.setItem('isFirstLogin', 'true');
    } else {
      console.log("老用户，直接进入主页");
    }
  })
  .catch((err) => {
    console.error("登录出错：", err);
  });

2. 跳转式登录 #

如果用的是signInWithRedirect（比如适配移动端的跳转登录），因为页面会刷新，所以需要在页面加载时调用getRedirectResult()来获取登录结果：

// 页面加载时执行
firebase.auth().getRedirectResult()
  .then((result) => {
    if (result) {
      const isNewUser = result.additionalUserInfo.isNewUser;
      if (isNewUser) {
        // 新用户逻辑
        localStorage.setItem('isFirstLogin', 'true');
      }
    }
  })
  .catch((err) => {
    console.error("跳转登录结果获取失败：", err);
  });

3. 在onAuthStateChanged中复用新用户标记 #

如果需要在状态观察者里处理新用户逻辑，可以把刚才存在本地存储的标记取出来用：

firebase.auth().onAuthStateChanged((user) => {
  if (user) {
    const isFirstLogin = localStorage.getItem('isFirstLogin') === 'true';
    if (isFirstLogin) {
      // 执行新用户专属操作
      console.log("欢迎新用户！");
      // 用完记得清除标记，避免下次登录重复触发
      localStorage.removeItem('isFirstLogin');
    } else {
      // 老用户逻辑
      console.log("欢迎回来！");
    }
  } else {
    // 用户未登录，跳转到登录页
    window.location.href = '/login';
  }
});

补充说明 #

• isNewUser为true的唯一场景：用户首次通过当前登录方式创建账号。如果用户之前用其他方式（比如邮箱）注册过，现在用Google关联登录，isNewUser会是false，因为用户账号已经存在。
• 如果需要长期记录用户是否是新用户，建议把这个标记存在Firestore的用户文档里，而不是本地存储（本地存储可能被清除）。

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