Indexed DB - DB Variable is undefined

Hey,

in meinem Code habe ich außerhalb einer Funktion eine Variable deklariert. Beim Ausführen einer Funktion mit der IndexedDBVerbindung prüfe ich ob die Verbindung auch erfolgreich aufgebaut wurde. Dort weis ich dieser Variable die außerhalb liegt das Ergebnis vom Event zu:

let db;
    let request = window.indexedDB.open("Meetings", 2);

    
    request.onsuccess = function(event){
        db = event.value.result; // <--- Hier
        console.log(db);
        console.log("Datenbankverbindung wurde erfolgreich hergestellt");
    };

Wenn ich nun db im onsuccess in der Konsole ausgebe ist diese mit den richtigen Daten befüllt.

Nun wenn ich jedoch die db-Variable außerhalb in der Konsole ausgebe ist diese undefined.

Warum ist das so? Wird der Wert der innerhalb der Funktion gesetzt wird nicht der let db; zugewiesen die außerhalb definiert wurde?

Grüße

Hi,

danke für deine Antwort

bisher hat es mit let bei mir immer problemlos funktioniert. Die let Variable die im Außen definiert ist kann ihren Wert innerhalb einer Funktion auch zugeweist bekommen - siehe auch https://jsfiddle.net/zvL6xhke/ -

Der Scope von der let Variable ist nicht auf die Funktion beschränkt sondern global in dieser Datei weil diese am Anfang außerhalb einer Funktion deklariert wurde.

Wenn ich diese innerhalb deklariere hat dies keine Auswirkung auf die außerhalb deklarierte weil es ein anderer Scope ist.

Bei Var wird die Value bei neu setzten der gleiche Variable überschrieben. Wenn ich die Value jedoch nur zuweise wird diese auch in dieser abgespeichert. So wie bei let.

Ich habe es nochmal getestet:

In der index.html wird alles problemlos ausgeführt. Wenn ich die database.js in der die ganze IndexedDB Funktionalität steht in die meeting.html einbinde und dort eine Funktion ausführe kommt immer: db ist undefinded. Warum das so ist weiß ich nicht.

Dein Ratschlag die Datenbankaktionen in eine Klasse zu packen finde ich sehr gut - und werde ich auch machen.

In TypeScript werde ich mich wenn ich mehr Zeit zu Verfügung habe einarbeiten. In den wenigen Tagen die mir noch zur Verfügung stehen ist dies jedoch nicht machbar.

Schöne Grüße,

Stef

Ich habe jetzt einiges ausprobiert und habe herausgefunden, dass wenn ich diese Funktion einem Button als onclick mitgebe, diese ausgeführt wird.

Warum erst bei einem Click?

Ich glaube ich habe es raus. Ich habe gelesen, dass DB Indexed asynchron läuft. Heißt nicht von oben nach unten sondern zeitversetzt (so wie ich es gelernt habe). Weil die Datenbank jedoch aufgrund des asynchronen Aufrufs zum Zeitpunkt der Funktionsausführung welche synchron verläuft noch nicht vorhanden ist existiert auch noch keine Variable db und somit entsteht die Fehlermeldung.

Mit der Funktion window.setTimeout werden die Daten ausgegeben, erfolgreich gelesen. Auch wenn ich nur als Zeitwert eine 1 eintrage. Weil dies ein asynchroner Aufruf ist. Aber warum muss dort diese Funktion angewendet werden wenn mit nur 1 Millisekunde die Daten erfasst werden können. Ist eigentlich das gleiche wie synchron nur um 1 Millisekunde später was eigentlich kein großer Unterschied ist.

Nun bin ich dabei auf einer 2 Seite (meeting.html) die Daten anhand der mitgegebenen ID über die URL auszulesen. Dort wird jedoch kein Datensatz gefunden - als gäbe es auf dieser neuen Seite noch keine Daten in diesem Object Store.

Ich habe da schon viel gegooglet - jedoch nichts dazu gefunden warum dies der Fall ist.

Wie kann das sein?