Cookie、localStorage、sessionStorage 都是 Web 开发中常用的存储数据的方式，它们之间存在一些关键的区别。
| 属性 | Cookie | localStorage | sessionStorage |
|---|---|---|---|
| 存储位置 | 浏览器端 | 浏览器端 | 浏览器端 |
| 数据大小 | 4KB | 5MB | 5MB |
| 作用域 | 同源 | 同源 | 同源 |
| 生命周期 | 浏览器关闭后失效 | 浏览器关闭后失效 | 当前会话结束后失效 |
| 使用场景 | 用于存储少量数据，例如用户偏好、登录状态等 | 用于存储大量数据，例如游戏进度、浏览记录等 | 用于存储临时数据，例如表单数据等 |
Cookie
Cookie 是存储在浏览器端的一小段文本数据，由服务器生成，并在每次请求时发送给浏览器。Cookie 的数据大小限制为 4KB，作用域为同源，生命周期由服务器设置。Cookie 通常用于存储少量数据，例如用户偏好、登录状态等。
localStorage
localStorage 是 HTML5 中提供的一种持久化存储方式，可以存储任意大小的数据，作用域为同源，生命周期为浏览器关闭后失效。localStorage 通常用于存储大量数据，例如游戏进度、浏览记录等。
sessionStorage
sessionStorage 是 HTML5 中提供的一种会话存储方式，可以存储任意大小的数据，作用域为同源，生命周期为当前会话结束后失效。sessionStorage 通常用于存储临时数据，例如表单数据等。
总结
Cookie、localStorage、sessionStorage 各有优缺点，具体选择哪种存储方式取决于实际需求。Cookie 适用于存储少量数据，localStorage 适用于存储大量数据，sessionStorage 适用于存储临时数据。