如何在Firestore中将字段值/数据赋值给变量，解决undefined问题

我来帮你拆解下代码里的问题，这两个undefined的情况其实都是Firestore的异步特性和API用法误区导致的，咱们一步步来搞定：

第一个问题：travelData返回undefined的原因 #

destinationData.get()是异步操作，它返回的是一个Promise对象，而不是直接的文档数据。你直接在外面写console.log(travelData.name)的时候，这个Promise还没完成（也就是Firestore还没把数据从服务器拿回来），自然拿不到name字段，所以返回undefined。

第二个问题：passportCountry返回undefined的原因 #

你调用passportData.get('countryCode')是错误的用法！Firestore的DocumentReference对象的get()方法不接受字段名参数，这个方法只会返回一个包含完整文档快照的Promise。要获取特定字段，得先拿到文档快照，再从中提取。

修正后的代码示例（用then链式调用） #

const destinationData = collectionData.doc('india');
// 处理india的文档数据
destinationData.get()
  .then(doc => {
    if (!doc.exists) {
      return res.status(404).send(msgNotFound);
    } else {
      const travelData = doc.data();
      console.log(travelData.name); // 这里能正确拿到字段值
    }
  })
  .catch(err => {
    // 别忘了处理可能的错误
    console.error('获取india文档失败:', err);
  });

const passportData = collectionData.doc('australia');
// 处理australia的countryCode字段
passportData.get()
  .then(doc => {
    if (doc.exists) {
      // 两种方式获取单个字段都可以
      const passportCountry = doc.get('countryCode');
      // 或者 const passportCountry = doc.data().countryCode;
      console.log(passportCountry);
    } else {
      console.log('australia文档不存在');
    }
  })
  .catch(err => {
    console.error('获取australia文档失败:', err);
  });

更简洁的写法（用async/await） #

// 注意：await必须放在async函数里使用
async function fetchFirestoreData() {
  try {
    // 获取india的文档数据
    const destinationDoc = await collectionData.doc('india').get();
    if (!destinationDoc.exists) {
      return res.status(404).send(msgNotFound);
    }
    const travelData = destinationDoc.data();
    console.log(travelData.name); // 正确获取name字段

    // 获取australia的countryCode字段
    const passportDoc = await collectionData.doc('australia').get();
    if (passportDoc.exists) {
      const passportCountry = passportDoc.get('countryCode');
      console.log(passportCountry);
    } else {
      console.log('australia文档不存在');
    }
  } catch (err) {
    console.error('获取Firestore数据出错:', err);
    res.status(500).send('服务器内部错误');
  }
}

// 调用这个异步函数
fetchFirestoreData();

关键要点总结 #

• Firestore的所有get()请求都是异步的，返回Promise，必须等待它完成（用then或者await）才能拿到真实数据。
• 不要直接把Promise对象赋值给变量然后访问它的属性，这时候Promise还没resolved，肯定拿不到值。
• 要获取单个字段，先拿到文档快照doc，再用doc.get('字段名')或者doc.data().字段名来提取。

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