cookie，localStorage，sessionStorage区别

cookie，localStroage，sessionStroage

---

Cookie

Cookie设计时用来和服务器通讯的，而不是本地存储，他只是被“借用”到了本地存储。

Cookie的缺点

• 存储大小，最大4kb
• http请求时需要发送到服务端，增加请求数据量
• 只能用document.cookie = '...'来修改，太过简陋
• 每次http请求，header都携带cookie

---

localStorage，sessionStorage与cookie相比：

localStorage和sessionStorage

• HTML5专门为存储而设计，最大可存5M
• API简单易调用setItem，getItem
• 不会随着http请求被发送出去

localStroage，sessionStroage不同点：

• localStroage数据会永远存储，除非代码或手动删除
• sessionStorage数据只存在于当前会话，浏览器关闭则清空。
• 一般用loaclStorage会更多一些

localStorage，sessionStorage API有哪些？

localStroage只支持string类型的存储

var storage = window.localStorage;
	//写入a字段
	storage["a"] = 1;
	//写入b字段
	storage.a = 1;
	//写入c字段
	storage.setItem('c',3);
	//获取a
	storage.getItem('a');
	storage.a;
	storage["a"]
	console.log(typeof storage["a"]);    //string
	storage.clear();     //删除所有
	storage.removeItem("a");      //删除某个
	//使用key()方法，向其中出入索引即可获取对应的键
	for(var i = 0;i < storage.lengthl i++){
		var key = storage.key(i);
		console.log(key);
	}
	//将json存入localStorage中，使用json.stringIfy()这个方法，来将json转换为json字符串
	var data = {
		name:"lisi",
		sex:"man",
		hobby:'program'
	};
	var d = JSON.stringify(data)
	storage.setItem("data",d);
	//将json字符串转换称为json对象输出
	var json = storage.getItem("data");
	var jsonObj = JSON.parse(json);

---

参考资料：
https://blog.csdn.net/weixin_43638968/article/details/109280784