Dlaczego localStorage ["..."] jest niezdefiniowane, ale localStorage.getItem ("...") ma wartość null?

Question

Ostatni raz sprawdzone następujące dwa wiersze zwrócone true:

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

samo dotyczy przy wymianie null z undefined. Pierwsze pytanie brzmi: dlaczego istnieją dwa sposoby rozwiązania problemu localStorage? I dlaczego

localStorage["foo"] 

powrót undefined podczas gdy

localStorage.getItem("foo") 

powraca null?

Czy muszę się tym zająć podczas tworzenia JS?

Answer 1

The Web Storage Specification requires że .getItem() zwraca dla nieznanego klucza.

jednak pamiętać, że .getItem() i .setItem() są szczegółowo zdefiniowane w IDL jako wyznaczony getter i setter interfejsu Storage i dlatego są one również w pełni obsługiwane sposoby uzyskiwania dostępu do zawartości pamięci.

Jednak składnia jest bardziej zbliżona do normalnego obiektu i/lub obiektu pobierającego tablicę, i podobnie jak te zwraca undefined dla nieznanej nazwy właściwości.

Powodem nie używać [] składnia jest to, że będzie ona działać na właściwości obiektów pierwszy i będzie dość szczęśliwie pozwalają na zastąpienie rzeczywistych właściwości i metod localStorage obiektu CF:

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

Answer 2

localStorage["..."] jest nieprawidłowe użycie localstorage. Próbujesz uzyskać dostęp do metod obiektu localstorage, zamiast uzyskać dostęp do rzeczywistej bazy danych.

Musisz użyć

localStorage.getItem("...") 

i

localStorage.setItem("...") 

metod, aby uzyskać dostęp do bazy danych do przechowywania.

Answer 3

w JavaScript zawsze dostajesz wartość undefined dla kluczy, które nie istnieją wewnątrz obiektu.

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

W localStorage .getItem to metoda, która ma klucze wyboru wewnątrz obiektu localStorage i zwraca null jeśli nie znaleziono.

Nie obwiniaj javascript, to tylko zachowanie obiektu localStorage