ローカルストレージのクッキーが戻ってくる

Question

クッキーからショッピングカートを保存するローカルストレージ機能を作成しましたが、別のマシンでこのページにアクセスしようとするとエラーになります。これらの関数にフォールバックを追加するにはどうすればよいのでしょうか。コードをサーバーや他のマシンでローカルで見ると、そこでも動作し、基本的に新しいクッキーを保存します。

ShoppingBasket.saveCart = function() { 
    localStorage.setItem("shoppingCartCookie", JSON.stringify(this.cart)); 
}; 


// function to load cart 
ShoppingBasket.loadCart = function() { 
    this.cart = JSON.parse(localStorage.getItem("shoppingCartCookie")); 
}; 

これは、それは、カートがNULLの場合、エラーメッセージ、Cannot read property 'push' of null

Answer 1

がprobeblyあなたのカートでのlocalStorage チェックにnullの原因...

ShoppingBasket.addItemToCart = function(name, price, count) { 
    for (var i in this.cart) { 
     if (this.cart[i].name === name) { 
      this.cart[i].count += count; 
      this.saveCart(); 
      return; 
     } 
    } 
    var item = new this.Item(name, price, count); 
    this.cart.push(item); 
    this.saveCart(); 
}; 

問題が発生するコードです新しい配列に設定する

ShoppingBasket.loadCart = function() { 
    this.cart = JSON.parse(localStorage.getItem("shoppingCartCookie")) || []; 
}; 

Answer 2

あなたはtは鍵がローカルストレージに存在していることを確認する必要があります -

if ("shoppingCartCookie" in localStorage) { 
//Your logic 
}else{ 
//Your logic to create cookie 
} 

ローカルストレージは、それぞれのためにあなたにshoppingCartCookieを格納するための最初の必要性をmacjineので、それからだけあなたがそれにアクセスできるようになり、マシン固有のものです。

希望すると、これが役立ちます。