亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

解決localstorage存儲(chǔ)boolean類型值的小坑

 更新時(shí)間：2021年06月04日 09:42:16   作者：梧桐芊羽  
這篇文章主要介紹了解決localstorage存儲(chǔ)boolean類型值的小坑，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

localstorage存儲(chǔ)boolean類型值小坑

今天使用localstorage存儲(chǔ)boolean數(shù)據(jù)時(shí)，發(fā)現(xiàn)怎么弄頁(yè)面上數(shù)據(jù)顯示就是有問(wèn)題。

后面才發(fā)現(xiàn)，在localstorage中存儲(chǔ)的boolean數(shù)據(jù)都變成了字符串了，才導(dǎo)致的。

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

localstorage使用不嚴(yán)謹(jǐn)之坑

上線新版本后，發(fā)現(xiàn)極個(gè)別“老”用戶在微信瀏覽器中無(wú)法打開我們網(wǎng)站的首頁(yè)。在經(jīng)過(guò)一番線上文件代理替

換后，終于發(fā)現(xiàn)了問(wèn)題所在。

問(wèn)題代碼段：

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

這段代碼乍一看沒(méi)什么問(wèn)題，但是有隱患。在老版本中，localstorage中存的things內(nèi)容如下：

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

但是到了新版本，由于需求問(wèn)題，這個(gè)緩存的值改變了，變成了如下結(jié)構(gòu)：

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

這樣就導(dǎo)致了在使用use函數(shù)處理things的時(shí)候報(bào)錯(cuò)了，導(dǎo)致后面的removeItem永遠(yuǎn)不執(zhí)行，所以緩存的這段數(shù)據(jù)在代碼中永遠(yuǎn)不被清除，use函數(shù)一直使用舊的數(shù)據(jù)進(jìn)行渲染，這樣就一直報(bào)錯(cuò)，永遠(yuǎn)無(wú)法使用新數(shù)據(jù)。

這里有兩點(diǎn)需要改進(jìn)的

* 給緩存加版本號(hào) * 用變量讀取緩存后，立刻清除緩存

優(yōu)化后的代碼如下：

//先判斷緩存版本號(hào)
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('things');
    use(newData);
}

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論