本地存储：localStorage和sessionStorage的区别以及一些简单的使用

前言

什么是本地存储：把一些数据记录在浏览器中，是浏览器提供给我们的一些本地存储数据的机制，而本地存储分为两种分别是localStorage和sessionStorage，下面讲讲他们之间的区别和一般的使用方法。

一、localStorage

	特点：
		（1）会一直存在浏览器中，除非手动删除
		（2）存储大小在5M左右
		（3）它只能存储字符串格式的数据，所以最好在每次存储时把数据转换成json格式，取出的时候再转换回来。
	方法：
		（1）setItem(“key”,“value”)：存储名字为key的一个值value，如果key存在，就更新value
		（2）getItem(“key”)：获取名称为key的值，如果key不存在则返回null
		（3）removeItem(“key”)：删除名称为“key”的信息，这个key所对应的value也会全部被删除
		（4）clear()：清空localStorage中所有信息
		（5）key()：键的索引
	格式转换：
		（1）JSON.stringify(); // 将json格式的数据（JavaScript 对象）转换成JSON格式的字符串
		（2）JSON.parse(); //将JSON格式的字符串转换成JSON对象进行处理

二、sessionStorage

	2、会话缓存（sessionStorage）
		特点：
			（1）、只要当前的会话窗口未关闭，存储的信息就不会丢失，即便刷新了页面或者在编辑器中更改了代码，存储的会话信息也不会丢失
			（2）、存储大小在5M左右
		方法：
			（1）setItem(“key”,“value”)：存储名字为key的一个值value，如果key存在，就更新value
			（2）getItem(“key”)：获取名称为key的值，如果key不存在则返回null
			（3）removeItem(“key”)：删除名称为“key”的信息，这个key所对应的value也会全部被删除
			（4）clear()：清空localStorage中所有信息
			（5）length：获取存储对象长度
			（6）key(0) ：通过索引get对应的key名

区别

1.sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过sessionStorage存储的数据也就被清空了。
2.localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。
3.他们均只能存储字符串类型的对象（虽然规范中可以存储其他原生类型的对象，但是目前为止没有浏览器对其进行实现）。

总结

以上就是我自己总结的有关本地存储的使用方法，可能有些地方存在问题，这些对于本地存储的基本使用已经算足够的，如果希望更深入的去了解本地存储，就需要我们在实际的使用过程中，不断的总结。总结我们遇到的实际的场景，并且场景中的具体的表现和实际解决思路。