Tại sao localStorage ["..."] không xác định, nhưng localStorage.getItem ("...") là null?

Question

Thời gian qua tôi đã kiểm tra, hai dòng sau trở true:

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

Tương tự áp dụng khi thay thế null với undefined. Vì vậy, câu hỏi đầu tiên là, tại sao có hai cách để giải quyết localStorage? Và tại sao

localStorage["foo"] 

trở undefined khi

localStorage.getItem("foo") 

lợi nhuận null?

Tôi có cần phải quan tâm đến điều đó khi phát triển JS không?

Answer 1

Web Storage Specification requires rằng .getItem() trả lại null cho một khóa không xác định.

Lưu ý tuy nhiên đó .getItem() và .setItem() được định nghĩa cụ thể trong IDL như đang được các định getter và setter cho giao diện Storage, và do đó họ cũng đang hỗ trợ đầy đủ cách để truy cập vào các nội dung của lưu trữ.

Tuy nhiên cú pháp [] giống với cú pháp đối tượng bình thường và/hoặc thuộc tính mảng và giống như trả về undefined cho tên thuộc tính không xác định.

Lý do không sử dụng [] cú pháp là nó sẽ hoạt động trên tài sản đối tượng đầu tiên và sẽ khá vui vẻ cho phép bạn ghi đè lên các thuộc tính thực tế và phương pháp của localStorage đối tượng, cf:

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

Answer 2

localStorage["..."] là sử dụng không hợp lệ localstorage. Bạn đang cố truy cập các phương thức của đối tượng localstorage, thay vì truy cập cơ sở dữ liệu thực.

Bạn phải sử dụng

localStorage.getItem("...") 

và

localStorage.setItem("...") 

phương pháp để truy cập vào cơ sở dữ liệu lưu trữ.

Answer 3

Trong javascript bạn luôn nhận được giá trị undefined cho các khóa không tồn tại bên trong một đối tượng.

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

Trong localStorage .getItem là một phương pháp ai làm phím kiểm tra bên trong đối tượng localStorage và trả null nếu không tìm thấy.

Đừng đổ lỗi cho javascript, đó chỉ là hành vi đối tượng localStorage