JS中Cookie、localStorage、sessionStorage三者的區別


cookie:大小4k,一般由服務器生成,可設置失效時間,關閉瀏覽器后失效,與服務器通信時:每次都會攜帶HTTP頭中,如果使用cookie保存過多數據會帶來性能問題

localhostStorage:大小5M,只要不手動刪除,存儲的是永久數據,與服務器通信時: 僅在客戶端(即瀏覽器)中保存,不參與和服務器的通信。

sessionStorage:大小5M,存放臨時數據,僅在當前會話有效,關閉頁面或瀏覽器后被清除,與服務器通信時: 僅在客戶端(即瀏覽器)中保存,不參與和服務器的通信。

 

其中, 易用性:

    Cookie 需要程序員自己來封裝,原生的cookie接口不夠友好

    localStorage 和 sessionStorage 原生接口可以接受,可以封裝來對Object和Array有更好的支持。並且,不能誇瀏覽器,可以跨窗口

應用場景

因為考慮到每個HTTP請求都會帶着Cookie的信息,所以Cookie當然能是精簡就精簡力,比較常用的一個應用場景就是判斷用戶是否登陸,針對登陸過的用戶服務端就在它登陸時往Cookie中祝福一段加密過的唯一識別單一用戶的辨識碼,下次只要讀取這個值就可以判斷當前用戶是否登陸。曾經還使用Cookie來保存用戶在電商網站上的購物車信息,如今有來localStorage,這一切問題變得越來越輕松。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM