Referenzfehler, sagt Variable ist nicht definiert

Question

So habe ich eine Funktion, die aus der Firebase-Datenbank liest und dann ein Array von Objekten erstellt. Ich habe Variable key definiert, aber es ist immer noch nicht verfügbar.

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

} 

Und das ist der Fehler, den ich bekomme ...

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

Wenn ich nur tun: key = childSnap.key, dann uid jedes Objekt ist das gleiche.

Answer 1

key wird nur im Callback forEach definiert. Natürlich können Sie es dann nicht innerhalb des zweiten Callbacks referenzieren. Außerdem, welche key wäre es? Für den ersten Eintrag? Der Zweite? Dritte?

Stattdessen müssen Sie den Schlüssel mit dem Wert zurückzukehren:

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

Auf der ersten ** Linie oben, sind wir das Ergebnis von once Transformation so gibt es ein Objekt sowohl mit dem Schlüssel und „Schnapper ".

In der zweiten Zeile ** verwenden wir destrukturierte Parameter, um diese Objekte als eindeutige key und snapper Parameter zu empfangen.

---

FWIW, wenn Sie aggressiv prägnante Pfeile verwenden möchten:

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

Auch die Verwendung von map beachten Sie, anstatt ein Array deklarieren und es von einem forEach Rückruf drücken. :-)