如何在javascript中從本地存儲中檢索數據

Question

我有一個名為 ui 的類，在使用 save 方法將數據保存在本地存儲中后，它可以工作，但是當我使用 loadData 方法獲取數據時，它給了我未定義的信息。我想知道為什么？！！

class UI{ 

 save(key, value) {
  localStorage.setItem(key, value);
 }

 getValue(key) {
  localStorage.getItem(key);
 }

Answer 1

你沒有提到你保存到localStorage的value是什么。 如果它不是原始數據類型，則需要先將值轉換為字符串，然后再使用JSON.stringify(value)方法將其保存在localStorage中，並且在運行getvalue時，您需要使用解析字符串化的值JSON.parse(localStorage.getItem(key)) 。

PS：當您嘗試在 localStorage 中保存或檢索數據時，使用靜態方法是有意義的。 授予對單個對象的訪問權限以訪問 localStorage 可能會在將來導致問題。