localstorage儲存boolean型別值小坑

今天使用localstorage儲存boolean資料程式設計客棧時，發現www.cppcns.com怎麼弄頁面上資料顯示就是有問題。

後面才發現，在localstorage中儲存的boolean資料都變成了字串了，才導致的。

所以"true"=true及"false"==false,“true”==false顯BYZuotn示都為false。

localstorage使用不嚴謹之坑

上線新版本後，發現極個別“老”使用者在微信瀏覽器中無法開啟我們網站的首頁。在經過一番線上檔案代理替

換後，終於發現了問題所在。

問題程式碼段：

if(localstorage.getItem("things")){
    var things = localstorage.getItem("things");
    use(things);
    //快取用一次就刪除
    localstorage.removeItem('things');
}else{
    use(newData);
}

這段程式碼乍一看沒什麼問題，但是有隱患。在老版本中，localstorage中存的things內容如下：

{
    name:'px',age:'25'
}

但是到了新版本，由於需求問題，這個快取的值改變了，變成了如下結構：

{
    username:'px',myage:'25'
}

這樣就導致了在使用use函式處理things的時候報錯了，導致後面的removeItem永遠不執行，所以快取的這段資料在程式碼中永遠不被清除，use函式一直使用舊的資料進行渲染，這樣就一直報錯，永遠無法使用新資料。

這裡有兩點需要改進的

* 給快取加版本號 * 用變數讀取快取後，立刻清除快取

優化後的程式碼如下：

//先判斷快取版本號
if(localstorage.getItem("version") == curVersion){
    if(localstorage.getItem("things")){
        var things = localstorage.getItem("things");
        //立刻清除
        localstorage.removeItem('things');
        use(things);
    }else{
        use(newData);
    }
}else{
    localstorage.removeItem('twww.cppcns.com
 
hings');
    use(newData);
}

以上為個人經驗，希望能給大家一個參考，也希望大家多多支援我們。