Warum ist localStorage["..."] nicht definiert, aber "localStorage".getItem("...") null ist?

Letzte mal habe ich geprüft, die folgenden zwei Zeilen zurückgegeben true:

null == localStorage["foo"];
null == localStorage.getItem("foo");

Gleiche gilt beim Austausch null mit undefined.
Also die erste Frage ist, warum gibt es zwei Möglichkeiten, um das localStorage? Und warum

localStorage["foo"]

zurück undefined während

localStorage.getItem("foo")

zurück null?

Muss ich aufpassen, dass bei der Entwicklung von JS?

  • Ah, die Freuden von Javascript.
  • die Sprache ist in Ordnung, es ist die Umsetzung Variationen, die es töten 🙁
  • Natürlich, ob es zurück undefined oder null, wirst du immer noch mit ihm zu beschäftigen. Warum nicht einfach überprüfen, für beide? Siehe auch programmers.stackexchange.com/a/268125
  • Ich würde das tun, wenn nötig, aber ich möchte vermeiden unnötige Gemeinkosten, die warum-Fragen wie diese die mich stören. Wenn etwas unbestimmtes gibt immer true wenn geprüft gegen null, warum sollte ich (zusätzlich) überprüfen, ob es undefiniert?
  • Sehen muchweb die Antwort von unten. Überprüfen Sie auch, ob der link, den ich oben gepostet; mit == mit null prüft auch, ob undefined.
InformationsquelleAutor jaySon | 2015-04-08
  1. 6

    Den Web Storage-Spezifikation erfordert, dass .getItem() zurück null für einen unbekannten Schlüssel.

    Beachten Sie jedoch, dass .getItem() und .setItem() sind speziell in der IDL definiert als das bezeichnet getter und setter für die Storage - Schnittstelle, und daher sind Sie auch voll unterstützt Möglichkeiten, auf die Inhalte der Speicher.

    Jedoch die [] syntax ähnelt mehr einem normalen Objekt-und/oder array-Eigenschaft getter, und wie jene zurück undefined für eine unbekannte Eigenschaft name.

    Den Grund nicht Verwendung [] syntax ist, dass es ausgeführt wird über die Objekt-Eigenschaften die erste und wird auch ganz glücklich, erlauben Sie überschreiben Reale Eigenschaften und Methoden der localStorage Objekt -, c -.f:

    > localStorage['getItem'] = function() { return 0 }
> localStorage.getItem('getItem')
0
    • Hat die Letzte Anweisung über das überschreiben von "echten" localStorage-Eigenschaften noch gelten? Wie heute, ich war nicht in der Lage zu reproduzieren (in Firefox Developer Edition). Ausführen der code gibt mir "function () { return 0 }".
    • Auf aktuelle Chrome (51.0.2704.79) es noch gibt null zurück.
    • und immer noch das gleiche mit Chrome 55.0.2883.95
    • und noch mit Chrom 68.0.3440.106
    InformationsquelleAutor Alnitak
  2. 2

    localStorage["..."] ungültig ist die Verwendung von localstorage. Sie versuchen, Zugriff auf Methoden der localstorage Objekt, sondern als Zugriff auf die eigentliche Datenbank.

    Verwenden Sie

    localStorage.getItem("...")

    und

    localStorage.setItem("...")

    Methoden zum Zugriff auf storage-Datenbank.

    • Ah, right. Das macht Sinn.
    • Aber Sie können "Kreuz verwenden" beide Syntaxen. Einstellungen, die etwas mit setItem() und bekommen es mit [] funktioniert genauso gut wie die andere Weise Runde.
    • in der Tat - auf meine Chrom (41?) die aktuelle Tasten werden alle angezeigt, in Object.keys(localStorage). Die .getItem ist deutlich sicherer, aber es ist schwer zu behaupten, dass die [] Methode ist ungültig.
    • Mit localStorage['foo'] = 'bar'; sollte nicht einen Fehler zurück, aber es nur schaffen ein Element in das localStorage-Objekt
    • Tut mir Leid, aber ich sehe keinen Unterschied zwischen den Elementen erstellt, die entweder mit der syntax. Sie sehen aus und Verhalten sich genau gleich also, was meinst du mit "es ist nur erstellen eines Elements"?
    • das ist schlicht falsch. Wenn ich Schreibe localStorage['foo'] = 'bar' then not only can I inspect that value in my debugger, but the .length` - Eigenschaft ändert sich auch, und allem der Wert wird dauerhaft in meinem browser!

    InformationsquelleAutor muchweb
  3. 1

    In javascript erhalten Sie immer eine undefined Wert für Schlüssel, die nicht existieren in einem Objekt.

    a = {}; //new object
alert(a["test"]); //you get 'undefined' because "test" keys is not found

    In localStorage .getItem ist eine Methode, die überprüft, Schlüssel im localStorage-Objekt und zurück null wenn Sie Sie nicht finden.

    Nicht die Schuld javascript, es ist nur das localStorage-Objekt Verhalten

    InformationsquelleAutor Kadmillos
Schreibe einen Kommentar