Firestore多Promise数据获取问题：为何无法返回指定数据？

你的代码无法返回数据的核心原因是对Firestore get()方法的返回值理解有误：

• 调用db.collection("xxx").get()返回的是QuerySnapshot对象，不是直接的文档数据数组，所以用usersData[0]这种数组下标方式根本取不到任何内容。
• QuerySnapshot对象里的文档快照存储在docs属性中，这才是真正的数组；每个元素是QueryDocumentSnapshot对象，必须调用data()方法才能提取文档的实际数据。

修复后的代码 #

const myFunction = async () => {
  const usersSnapshot = await db.collection("users").get()
  const productsSnapshot = await db.collection("products").get()
  
  // 先判断集合是否有文档，避免下标越界报错
  const firstUser = usersSnapshot.docs.length > 0 ? usersSnapshot.docs[0].data() : null
  const firstProduct = productsSnapshot.docs.length > 0 ? productsSnapshot.docs[0].data() : null
  
  return [firstUser, firstProduct]
}

性能优化建议 #

如果只需要集合的第一条数据，没必要拉取整个集合的所有文档，用limit(1)限定返回结果数量，能减少数据传输量，提升接口性能：

// 只获取users集合的第一个文档
const usersSnapshot = await db.collection("users").limit(1).get()
// 只获取products集合的第一个文档
const productsSnapshot = await db.collection("products").limit(1).get()

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