共同点

都是保存在浏览器端的,并且是同源的。

生命周期

SessionStorage:仅在当前浏览器窗口关闭前有效
localStorage:始终有效(持久数据),除非被手动清除
cookie:只在设置的cookie过期时间内一直有效。如果没有设置失效时间,则在关闭浏览器后失效。

存放数据

SessionStorage:5M
localStorage:5M
cookie:4K

http请求

SessionStorage:不会自动把数据发给服务器,只会本地保存。
localStorage:不会自动把数据发给服务器,只会本地保存。
cookie:始终在同源的http请求中携带,在浏览器和服务器中来回传递。

易用性

SessionStorage:可用原生接口,也可再次封装
localStorage:可用原生接口,也可再次封装
cookie:需要程序员自已封装,原生的cookie接口不友好

用途

SessionStorage:可以用于存在临时的数据,防止用户刷新页面后丢失了一些数据
localStorage:可以用于在页面间传递参数
cookie:用户识别、用户登录