Javascript Vergleich von 2 Prüfungen für localStorage

Sah ich diese in der diveintohtml5 website. Dies ist, wie Sie überprüfen, um zu sehen, ob localstorage unterstützt der browser.

return 'localStorage' in window && window['localStorage'] !== null;

Wäre das die gleiche wie nur tun?

return window.localStorage != undefined

ich persönlich würde das tun return !!window.localStorage würde konvertieren Sie die Werte von 0,false,undefined,"",NaN zu einer falschen, um besser zu überprüfen
Ich denke return typeof window.localStorage == 'object'; ist die beste Methode. Wenn das localStorage-Eigenschaft ist nicht ein Objekt ist, dann bedeutet das, dass es nicht umgesetzt in den browser
+1, das wäre besser als seine mehr strengen.

InformationsquelleAutor Aishwar | 2011-01-16

8

1
```
return 'localStorage' in window && window['localStorage'] !== null;
```
Diese gibt true zurück, wenn die window - Objekt enthält eine Eigenschaft mit dem Namen localStorage und der Wert dieser Eigenschaft ist nicht null.

2
```
return window.localStorage != undefined
```
Diese gibt true zurück, wenn die window - Objekt enthält eine propety mit dem Namen localStorage und der Wert dieser Eigenschaft ist nicht undefined oder null
(Ich gehe davon aus, dass die Globale Eigenschaft undefined hält den Wert undefined)
- Ihre Analyse weist darauf hin, dass der 2. test ist besser, weil das erste würde true zurückgeben, wenn sich jemand setzen window.localStorage = undefined
- Ein problem: typeof null === 'object' also, wenn Fenster.localStorage ist null Sie werden berichten, wahr ist.
- +1 @Hemlock: Das ist sehr interessant. Wusste nicht, dass.
- Ja, natürlich. Es werden, wie so dann: return typeof window.localStorage == 'object' && window.localStorage != null; Dieser wird überprüfen, ob oder nicht die "localStorage" - Eigenschaft ist ein Objekt.
- Wie bereits gesagt, von Hemlock, return typeof window.localStorage != 'undefined'; funktioniert nicht richtig. Wenn der browser unterstützt localStorage, aber es ist durch den Benutzer deaktiviert, Fenster."localStorage" hat den Wert null; und da check liefert true (was nicht richtig ist).
InformationsquelleAutor Šime Vidas
5

Gleichen Ergebnis jedenfalls da, wenn window.localStorage ist undefined Sie bekommen beide false. Und wenn window.localStorage null ist, werden Sie beide bekommen false weil undefined == null.

Jedoch bevorzuge ich mit !! nur weil es der Schnellste Weg zur Umwandlung in einen booleschen und wie nützlich ist, "localStorage", wenn es ist false, null, undefined, ", NaN oder 0 ist?
```
return !!window.localStorage;
```
Bearbeiten
Ein Nachteil, Sie sind nicht genau das gleiche, da, wenn Sie window.localStorage zu undefined den ersten berichten würde es als true
- +1 ich habe gerade das gleiche geschrieben in den Kommentaren, bevor ich bemerkte deine Antwort 🙂
- Oooh, ich vermisste NaN und einige andere details. Wird update.
- Wenn das localStorage-Eigenschaft existiert, aber der Wert undefined ist, wird dann das erste snippet gibt true zurück, aber die zweite snippet gibt false zurück.
- Richtig, das ist, was ich gerade hinzufügen, die in meinem edit.
- Aber wie nützlich ist, "localStorage" wenn es ein string oder eine Zahl, oder der Boolesche Wert true, ... Deshalb, weil wir wirklich wollen, um zu überprüfen, ob die Implementierung in den browser ist oder nicht, ich glaube, das ist die beste Kontrolle in diesem speziellen Fall: return typeof window.localStorage == 'object';
- +1 Ah, gut Punkte (über die edit-und die Umwandlung). Ich hatte den Eindruck, die Einstellung einer Eigenschaft undefined ist das gleiche wie das löschen des Schlüssels aus dem Objekt. Getestet habe ich es nicht. Und ich wusste nicht !! war der Schnellste Weg zur Umwandlung in boolean. Danke für das auch. Ich werde mark Sime Antwort als richtig, weil, wie er sagt, der Typ das Objekt ist wahrscheinlich das, was ich wirklich möchte.
- Ich glaube, du verpasst den Punkt. Der Punkt ist, durch die Prüfung zu breit mit !! Sie nicht wirklich irgendetwas verpassen.
InformationsquelleAutor Hemlock
1

Können Sie Modernizr (1.1 oder höher) zu erkennen, die Unterstützung für HTML5 local storage.
```
if (Modernizr.localstorage) {
  //window.localStorage is available
} else {
  //no support for local storage
}
```
InformationsquelleAutor Vassilis
0

Wünsche ich Euch empfehlen die folgende Funktion:
```
function getLocalStorage(){
   if (typeof localStorage == “object”){
      return localStorage;
   } else if (typeof globalStorage == “object”){
      return globalStorage[location.host];
   } else {
      throw new Error(“Local storage not available.”);
   }
}
```
1. Erste Prüfung wird sein, genug, um sicherzustellen, "localStorage" ist erschienen
2. Einigen Browsern noch nicht unterstützt lokaler Speicher, aber der global-Speicher. Es hat die gleiche Funktion eingestellt, hat aber einige Unterschiede im Vergleich mit localStorga
3. Wenn keiner der Speicher unterstützt wird, werfen die Ausnahme.
Wenn Sie Lesen wollen über die Globale Speicherung, vergleichen Sie es mit den lokalen Speicher, Schau mal bei "JavaScript für Web-Entwickler", Kapitel 19. Es beschreibt die client-lokalen Speicher, vergleicht man es mit cookies.

InformationsquelleAutor Alexandr

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.