我控制台日志（数组）的 Firestore onSnapshot 值与我返回的（函数）不同

Question

我已经被这个问题困扰了很长一段时间了，不知道发生了什么。

我正在运行以下函数：

const getEmployees = async () => {
    const query = await db.collection('employees')
    const employees = query.onSnapshot(function (querySnapshot) {
        const employeeArr = [];
        querySnapshot.forEach(function (doc) {
            employeeArr.push(doc.data());
        });

        console.log(1, employeeArr)
        return employeeArr;
    })
    console.log(2, employees)
    return employees
}

console.log(employeeArr) 准确地显示了我想要检索的内容：一个包含员工详细信息（姓名、生日）的对象的数组。但是，当我在记录以下内容后返回此数组和 console.log(employees) 时：

ƒ () {
      i.Xl(), r.os.ds(function () {
        return Rr(r.B_, o);
      });
    }

这 (2) 也记录在数组 (1) 之前。

我一直在关注 firestore 上的文档，到目前为止一切都很好，但我无法理解这一点。如果我调用 getEmployees() 并存储它返回的值，它也会显示函数。任何人都知道为什么以及如何解决它？谢谢！

Answer 1

您将 query.onSnapshot() 的结果保存在 employees 变量中。 同样使用 onSnapshot() 每次集合中有数据更新时都会调用回调，查看您的代码我认为您只是想获取一次数据并这样做您只需要：

const employees = await query.get();

参考这里：https://firebase.google.com/docs/firestore/query-data/get-data

Answer 2

您不能将 Promise 的使用与实时数据库侦听器混合使用。它们不兼容。返回 promise 的函数（与任何异步函数一样）旨在异步返回单个结果。 onSnapshot 不返回承诺。 相反，只要查询结果发生变化，它就会调用提供的回调。

如果您想要实时结果，则必须正确处理快照侦听器。 onSnapshot 返回一个函数，您在完成后调用该函数来删除侦听器。你可以在documentation看到一个例子：

var unsubscribe = db.collection("cities")
    .onSnapshot(function (){
      // Respond to data
      // ...
    });

// Later ...

// Stop listening to changes
unsubscribe();

完成后未能删除此侦听器意味着您将泄漏该侦听器，并且随着时间的推移您将为其读取付费。这很糟糕。