Perché localStorage ["..."] non definito, ma localStorage.getItem ("...") è null?

Question

L'ultima volta che ho controllato, le seguenti due righe restituito true:

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

Lo stesso vale in caso di sostituzione null con undefined. Quindi la prima domanda è, perché ci sono due modi per rivolgersi a localStorage? E perché

localStorage["foo"] 

ritorno undefined mentre

localStorage.getItem("foo") 

rendimenti null?

Devo occuparmene durante lo sviluppo di JS?

Answer 1

Il Web Storage Specification requires che .getItem() restituisce null per una chiave sconosciuta.

nota tuttavia che .getItem() e .setItem() sono specificamente definiti nella IDL come il designato getter e setter per l'interfaccia Storage, e quindi sono anche pienamente modi di accedere ai contenuti dell'archivio supportato.

Tuttavia, la sintassi [] è più simile a un oggetto normale e/o al getter di proprietà di matrice e, analogamente, restituisce undefined per un nome di proprietà sconosciuto.

Il motivo non utilizzare [] la sintassi è che opererà sulle proprietà degli oggetti prima e sarà tranquillamente permetterà di sovrascrivere le proprietà e metodi della localStorage oggetto, CF reali:

> localStorage['getItem'] = function() { return 0 } 
> localStorage.getItem('getItem') 
0 

Answer 2

localStorage["..."] non è valido l'utilizzo di localstorage. Stai tentando di accedere ai metodi dell'oggetto localstorage anziché accedere al database effettivo.

devi usare

localStorage.getItem("...") 

e

localStorage.setItem("...") 

metodi per accedere al database di archiviazione.

Answer 3

in Javascript ottieni sempre un valore undefined per le chiavi che non esistono all'interno di un oggetto.

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

In localStorage .getItem è un metodo che fa i tasti di controllo all'interno dell'oggetto localStorage e restituisce null se non trovato.

Non prendetevela con javascript, è solo il comportamento oggetto localStorage