# Locker實現localStrage的簡便方法 \[ # localStorage插件lockr ##### Lockr.prefix - String 設置一個前綴，將被添加到每個鍵被鎖的字符串值 ``` <pre class="calibre13">``` Lockr<span class="token1">.</span>prefix <span class="token">=</span> <span class="token4">'lockr'</span><span class="token1">;</span> Lockr<span class="token1">.</span><span class="token2">set</span><span class="token1">(</span><span class="token4">'username'</span><span class="token1">,</span> <span class="token4">'Coyote'</span><span class="token1">)</span><span class="token1">;</span> <span class="token6">// Saved as string</span> localStorage<span class="token1">.</span><span class="token3">getItem</span><span class="token1">(</span><span class="token4">'username'</span><span class="token1">)</span><span class="token1">;</span> <span class="token">></span> <span class="token2">null</span> localStorage<span class="token1">.</span><span class="token3">getItem</span><span class="token1">(</span><span class="token4">'lockr_username'</span><span class="token1">)</span><span class="token1">;</span> <span class="token">></span> <span class="token1">{</span><span class="token4">"data"</span><span class="token1">:</span><span class="token5">123</span><span class="token1">}</span> ``` ``` ##### Lockr.set - 參數: \[ key, value \] {String, Number, Array or Object} 設置一個指定的值，可以是任意類型 ``` <pre class="calibre13">``` Lockr<span class="token1">.</span><span class="token2">set</span><span class="token1">(</span><span class="token4">'username'</span><span class="token1">,</span> <span class="token4">'Coyote'</span><span class="token1">)</span><span class="token1">;</span> <span class="token6">// 保存字符串</span> Lockr<span class="token1">.</span><span class="token2">set</span><span class="token1">(</span><span class="token4">'user_id'</span><span class="token1">,</span> <span class="token5">12345</span><span class="token1">)</span><span class="token1">;</span> <span class="token6">// 保存整型</span> Lockr<span class="token1">.</span><span class="token2">set</span><span class="token1">(</span><span class="token4">'users'</span><span class="token1">,</span> <span class="token1">[</span><span class="token1">{</span>name<span class="token1">:</span> <span class="token4">'John Doe'</span><span class="token1">,</span> age<span class="token1">:</span> <span class="token5">18</span><span class="token1">}</span><span class="token1">,</span> <span class="token1">{</span>name<span class="token1">:</span> <span class="token4">'Jane Doe'</span><span class="token1">,</span> age<span class="token1">:</span> <span class="token5">19</span><span class="token1">}</span><span class="token1">]</span><span class="token1">)</span><span class="token1">;</span> <span class="token6">//保存對象</span> ``` ``` ##### Lockr.get - 參數: \[ key or hash\_key, default value \] 通過給定的鍵返回被保存的值，如果指定的鍵是null或undefined則會返回一個默認值 ``` <pre class="calibre13">``` Lockr<span class="token1">.</span><span class="token2">get</span><span class="token1">(</span><span class="token4">'username'</span><span class="token1">)</span><span class="token1">;</span> <span class="token">></span> <span class="token4">"Coyote"</span> Lockr<span class="token1">.</span><span class="token2">get</span><span class="token1">(</span><span class="token4">'user_id'</span><span class="token1">)</span><span class="token1">;</span> <span class="token">></span> <span class="token5">12345</span> Lockr<span class="token1">.</span><span class="token2">get</span><span class="token1">(</span><span class="token4">'users'</span><span class="token1">)</span><span class="token1">;</span> <span class="token">></span> <span class="token1">[</span><span class="token1">{</span>name<span class="token1">:</span> <span class="token4">'John Doe'</span><span class="token1">,</span> age<span class="token1">:</span> <span class="token5">18</span><span class="token1">}</span><span class="token1">,</span> <span class="token1">{</span>name<span class="token1">:</span> <span class="token4">'Jane Doe'</span><span class="token1">,</span> age<span class="token1">:</span> <span class="token5">19</span><span class="token1">}</span><span class="token1">]</span> Lockr<span class="token1">.</span><span class="token2">get</span><span class="token1">(</span><span class="token4">'score'</span><span class="token1">,</span> <span class="token5">0</span><span class="token1">)</span><span class="token1">:</span> <span class="token">></span> <span class="token5">0</span> Lockr<span class="token1">.</span><span class="token2">set</span><span class="token1">(</span><span class="token4">'score'</span><span class="token1">,</span> <span class="token5">3</span><span class="token1">)</span><span class="token1">:</span> Lockr<span class="token1">.</span><span class="token2">get</span><span class="token1">(</span><span class="token4">'score'</span><span class="token1">,</span> <span class="token5">0</span><span class="token1">)</span><span class="token1">:</span> <span class="token">></span> <span class="token5">3</span> ``` ``` ##### Lockr.rm - 參數: \[ key \] {String} 完全刪除指定的鍵值對 ``` <pre class="calibre13">``` Lockr<span class="token1">.</span><span class="token2">set</span><span class="token1">(</span><span class="token4">'username'</span><span class="token1">,</span> <span class="token4">'Coyote'</span><span class="token1">)</span><span class="token1">;</span> <span class="token6">// Saved as string</span> Lockr<span class="token1">.</span><span class="token2">get</span><span class="token1">(</span><span class="token4">'username'</span><span class="token1">)</span><span class="token1">;</span> <span class="token">></span> <span class="token4">"Coyote"</span> Lockr<span class="token1">.</span><span class="token3">rm</span><span class="token1">(</span><span class="token4">'username'</span><span class="token1">)</span><span class="token1">;</span> Lockr<span class="token1">.</span><span class="token2">get</span><span class="token1">(</span><span class="token4">'username'</span><span class="token1">)</span><span class="token1">;</span> <span class="token">></span> undefined ``` ``` ##### Lockr.sadd - 參數 key, value \]{String, Number, Array or Object} 追加一個值在之前的基礎上面 ``` <pre class="calibre13">``` Lockr<span class="token1">.</span><span class="token3">sadd</span><span class="token1">(</span><span class="token4">"wat"</span><span class="token1">,</span> <span class="token5">1</span><span class="token1">)</span><span class="token1">;</span> <span class="token6">// [1]</span> Lockr<span class="token1">.</span><span class="token3">sadd</span><span class="token1">(</span><span class="token4">"wat"</span><span class="token1">,</span> <span class="token5">2</span><span class="token1">)</span><span class="token1">;</span> <span class="token6">// [1, 2]</span> Lockr<span class="token1">.</span><span class="token3">sadd</span><span class="token1">(</span><span class="token4">"wat"</span><span class="token1">,</span> <span class="token5">1</span><span class="token1">)</span><span class="token1">;</span> <span class="token6">// [1, 2]</span> ``` ``` ##### sismember判斷指定鍵是否存在那個值 ``` <pre class="calibre13">``` Lockr<span class="token1">.</span><span class="token3">sadd</span><span class="token1">(</span><span class="token4">"wat"</span><span class="token1">,</span> <span class="token5">1</span><span class="token1">)</span><span class="token1">;</span> Lockr<span class="token1">.</span><span class="token3">sismember</span><span class="token1">(</span><span class="token4">"wat"</span><span class="token1">,</span> <span class="token5">1</span><span class="token1">)</span><span class="token1">;</span> <span class="token6">// true</span> Lockr<span class="token1">.</span><span class="token3">sismember</span><span class="token1">(</span><span class="token4">"wat"</span><span class="token1">,</span> <span class="token5">2</span><span class="token1">)</span><span class="token1">;</span> <span class="token6">// false</span> ``` ``` ##### srem移除指定鍵下的那個值 ``` <pre class="calibre13">``` Lockr<span class="token1">.</span><span class="token3">sadd</span><span class="token1">(</span><span class="token4">"wat"</span><span class="token1">,</span> <span class="token5">1</span><span class="token1">)</span><span class="token1">;</span> Lockr<span class="token1">.</span><span class="token3">sadd</span><span class="token1">(</span><span class="token4">"wat"</span><span class="token1">,</span> <span class="token5">2</span><span class="token1">)</span><span class="token1">;</span> Lockr<span class="token1">.</span><span class="token3">srem</span><span class="token1">(</span><span class="token4">"wat"</span><span class="token1">,</span> <span class="token5">1</span><span class="token1">)</span><span class="token1">;</span> Lockr<span class="token1">.</span><span class="token3">smembers</span><span class="token1">(</span><span class="token4">"wat"</span><span class="token1">)</span><span class="token1">;</span> <span class="token6">// [2]</span> ``` ``` ##### getAll獲取本地存儲中所有的鍵值對 ``` <pre class="calibre14">``` Lockr<span class="token1">.</span><span class="token3">getAll</span><span class="token1">(</span><span class="token1">)</span><span class="token1">;</span> <span class="token">></span> <span class="token1">[</span><span class="token4">"Coyote"</span><span class="token1">,</span> <span class="token5">12345</span><span class="token1">,</span> <span class="token1">[</span><span class="token1">{</span>name<span class="token1">:</span> <span class="token4">'John Doe'</span><span class="token1">,</span> age<span class="token1">:</span> <span class="token5">18</span><span class="token1">}</span><span class="token1">,</span> <span class="token1">{</span>name<span class="token1">:</span> <span class="token4">'Jane Doe'</span><span class="token1">,</span> age<span class="token1">:</span> <span class="token5">19</span><span class="token1">}</span><span class="token1">]</span><span class="token1">]</span> ``` ```