Javascript初學筆記26 網頁暫存空間使用(storage.setItem/getitem)

今天學到了在網頁上使用暫存記憶空間的作法，起因在於現在我現在撰寫的兩個分頁需要使用同一筆資料的時候，可以在原先的頁面將資料存入暫存區，再由另一個分頁取用，聽起來蠻方便的吧?
語法上非常簡單，我們看一下以下的例子馬上就會了解。

(function populateStorage() {
   localStorage.setItem('bgcolor', 'red');
   localStorage.setItem('font', 'Helvetica');
   localStorage.setItem('image', 'myCat.png');
 })()
localStorage.getItem('bgcolor')// red

光看上面的例子應該可以就察覺到一個點
setItem的做法非常類似key-value pair，只是其中的值全部都是字串(String)
getItem取出的值自然也就會是字串，目前看起來都沒什麼問題
但當你是打算將透過API接口取得的資料放入暫存區就會出現大問題了:你沒辦法放JSON進去阿!!!
這時候我們需要以下的語法幫忙，實例待之後補上囉!

JSON.stringify() 將JSON轉為字串
  
JSON.parse()  將資料轉為JSON，自然也包括將字串轉回JSON