Question

所以我有一个从Firebase数据库读取的函数，然后创建一个对象数组。我已经定义了变量key，但它仍然不可用。

var usersList = [];

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

function fetchUsers() {

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

        snap.forEach(childSnap => {

            var 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)
    })

}

这就是我得到的错误......

(node:11724) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): ReferenceError: key is not defined

如果我这样做：key = childSnap.key，那么每个对象的uid都是相同的。

Answer 1

key仅在forEach回调中定义。当然，您无法在第二个then回调中引用它。而且，key会是哪个？第一次进入？第二？第三λ

相反，您需要返回值为：

的键

function fetchUsers() {
    ref.child('users').once('value').then(snap => {
        var promises = [];
        snap.forEach(childSnap => {
            var key = childSnap.key;
            promises.push(
                ref.child(`users/${key}/points`).once('value').then(
                    snapper => ({key, snapper})    // **
                )
            );
        });

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

在上面的第一个**行中，我们正在转换once的结果，因此它返回一个包含键和＆＃34; snapper＆＃34;的对象。

在第二行**行，我们使用结构化参数将这些对象作为不同的key和snapper参数接收。

FWIW，如果你想积极使用简洁的箭头：

function fetchUsers() {
    ref.child('users').once('value').then(snap =>
        Promise.all(snap.map(childSnap => {
            const key = childSnap.key;
            return ref.child(`users/${key}/points`)
                        .once('value')
                        .then(snapper => ({key, snapper}));
        }))
    ).then(snapshots =>
        snapshots.map(({key, snapper}) => ({uid: key, points: snapper.val()}))
    ).then(usersList => {
        console.log(usersList);
    });
}

还要注意使用map而不是声明一个数组并从forEach回调中推送它。： - ）

参考错误，表示变量未定义

1 个答案: