1、三者都是保存数据的方式
cookie(s)是网站为了辨别用户身份、进行 session 跟踪而储存在用户本地终端上的数据(通常经过加密),大小不超过4k,作为http规范的一部分,它是通过浏览器的请求将数据传给服务器的。cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。
sessionStorage(临时存储)和localStorage(永久存储)都是Web存储,一般大小5M左右,完全存储在客户端,它们是因为本地存储数据而存在。sessionStorage数据存储在当前浏览器窗口对象中,窗口关闭后,数据丢失。localStorage永不失效,除非手动删除;
2、作用域:
sessionStorage不在不同的浏览器窗口共享,即使是同一个页面;
而localStorage和cookie是在所有同源窗口中共享的。
3、操作方式:
cookies需要前端开发者自己封装setCookies和getCookies
sessionStorage和localeStorage主要通过js操作window.localStorage和window.sessionStorage这两个对象实例的属性和方法。