JS学习中cookies，sessionStorage和localStorage的区别

JS学习中cookies，sessionStorage和localStorage的区别，sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。

web storage和cookie的区别 Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用。 除此之外，Web Storage拥有setItem,getItem,removeItem,clear等方法，不像cookie需要前端开发者自己封装setCookie，getCookie。但是Cookie也是不可以或缺的：Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 ，而Web Storage仅仅是为了在本地“存储”数据而生。

sessionStorage和localStorage是HTML5 Web StorageAPI中提供的，可以方便的在web请求之间保存数据，有了本地数据,就可以避免数据在浏览器和服务器之间不必要的来回传递，sessionStorage,localStorage和cookie都是保存在浏览器端，且同源的。

cookie在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。sessionStorage：仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持；localStorage：始终有效，窗口和浏览器关闭也一直保存,因此用作持久数据的保存。

cookie 数据始终在同源的http请求中携带，即cookie在浏览器和服务器之间来回传递。而sessionStorage不会自动把数据发给服务器，仅在本地保存。

sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面，localStorage在所有同源窗口中都是共享的，cookie也是在所有的同源窗口中都是共享的。 Web Storage支持事件通知机制，可以将数据更新的通知发送给监听者，但是Web Storage的api 接口使用更加方便!

除此之外，WebStorage 拥有 setItem,getItem,removeItem,clear 等方法，不像 cookie 需要前端开发者自己封装 setCookie，getCookie。但是Cookie 也是不可以或缺的：

Cookie 的作用是与服务器进行交互，作为HTTP 规范的一部分而存在 ，而 Web Storage 仅仅是为 了在本地“存储”数据而生。

欢迎大家在评论区评论留言，小编会及时给大家解答疑惑的