JS常用幾種儲存方式的使用規則與各自特徵

日常我們資料儲存的方式常見的幾種就是sessionstroage,localstroage,cookie，下面先依次總結各自的使用規則，然後再到這三者之間的區別。

sessionstroage

sessionstroage是html5新增的乙個回話儲存物件，用於臨時保持同一視窗的資料，視窗關閉資料也將刪除。

儲存單個變數:

儲存資料： sessionstroage.setitem('name', 'tiboo')

讀取資料： sessionstroage.getitem('name')

儲存json物件:

info =

儲存值： 將物件轉換為json字串
sessionstroage.setitem('info', json.stringify(info));
讀取值： 將json字串轉換為物件
let infodata = json.parse(sessionstroage.getitem('info'))

localstroage

localstroage是html5新增特性，本地儲存，同時不受時間限制的資料儲存，localstorage中一般瀏覽器支援的是5m大小。

儲存單個變數:

儲存資料： localstroage.setitem('name', 'tiboo')

讀取資料： localstroage.getitem('name')

儲存json物件:

info =

儲存值： 將物件轉換為json字串
localstroage.setitem('info', json.stringify(info));
讀取值： 將json字串轉換為物件
let infodata = json.parse(localstroage.getitem('info'))

刪除單個資料：

localstorage.removeitem('info');

刪除所有資料：

localstorage.clear()

由於localstorage中一般瀏覽器支援的是5m大小，故當快取中資料大於5m時，出現不儲存資料，也不會覆蓋現有資料，並且引發quta_exceeded_err異常,故可以通過異常來強制清除快取，如下所示：

try

catch
(e)

cookie

建立cookie:

this.setcookie('b2bpartnerid', partnerid)

// 設定過期時間為30天
setcookie(name, value) ,

讀取cookie:

let partnerid = this.getcookie('b2bpartnerid')

getcookie(name)  
else
} else
},

工作時沒注意遇到的小坑：

在設定完cookie值後，便立即從cookie中獲取值，此時可能出現拿到的值為空。因為cookie值的設定與電腦的效能是有關係的，那個時刻cookie值可能還未設定成功。

iOS開發常用的幾種儲存方式

它們分別是 1.nsuserdefaults 2.檔案儲存 3.歸檔 序列化 4.資料庫 sqlite 5.coredata 6.keychain 接下來我們簡單的介紹一下他們的區別和基本用法 一 nsuserdefaults 儲存的基本資料型別 nsstring nsarray nsdiction...

js建立物件的幾種常用方式

js varlev function functionparent varx parent alert x.name alert x.lev 說明 1.在函式中定義物件,並定義物件的各種屬性，雖然屬性可以為方法，但是建議將屬性為方法的屬性定義到函式之外，這樣可以避免重複建立該方法 2.引用該物件的時...

js建立物件的幾種常用方式

js varlev function functionparent varx parent alert x.name alert x.lev var lev function function parent var x parent alert x.name alert x.lev 說明 1.在函式...