首先完成从 Firebase 读取数据，然后执行其他操作

Question

所以我的问题是返回空数组，因为从 Firebase 读取数据尚未完成。我正在使用 then 方法，但它仍然执行 then 之前的所有内容。

var usersList = [];

const ref = firebase.database().ref()

ref.child('users').once('value').then(snap => {

    snap.forEach(childSnap => {

        const key = childSnap.key

        ref.child(`users/${key}/points`).on('value', function(snapper) {

            var points = snapper.val()

            usersList.push({uid: key, points: points})

        })

    })

}).then(function() {
    console.log(usersList)
})

Answer 1

使用then() 本身并不是一个神奇的解决方案。您需要从回调中返回一个承诺，而您的代码没有这样做。在这种情况下，您只希望在加载所有用户后调用最终的 then()，因此您需要返回一个仅在完成后才解析的 Promise。

const ref = firebase.database().ref()

ref.child('users').once('value').then(snap => {
    var promises = [];

    snap.forEach(childSnap => {
        const key = childSnap.key
        promises.push(
            ref.child(`users/${key}/points`).once('value')
        );
    });

    return Promise.all(promises);
}).then(function(snapshots) {
    return snapshots.map(snapper => {
       var points = snapper.val()
       return {uid: key, points: points};
    })
}).then(function(usersList) {
    console.log(usersList)
})