cookie、会话存储、Indexed DB、本地存储、缓存存储

在JavaScript中，不同的存储机制对应着不同的函数或API。以下是您提到的存储机制及其对应的JavaScript函数或API：

1. Cookie：

   • 设置Cookie：document.cookie = "username=John Doe; expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";
   • 读取Cookie：通过访问document.cookie属性。

2. 会话存储（SessionStorage）：

   • 设置会话存储项：sessionStorage.setItem('key', 'value');
   • 读取会话存储项：var value = sessionStorage.getItem('key');

3. Indexed DB：

   • Indexed DB是一个复杂的API，不直接对应一个简单的函数。你需要通过一系列步骤来打开数据库、创建对象仓库、进行事务处理以及读写数据。
   • 打开数据库：var request = indexedDB.open("MyDatabase", 1);
   • 在成功回调中，你可以创建对象仓库、读写数据等。

4. 本地存储（LocalStorage）：

   • 设置本地存储项：localStorage.setItem('key', 'value');
   • 读取本地存储项：var value = localStorage.getItem('key');

5. 缓存存储（Cache API）：

   • 缓存存储主要通过caches对象来访问，它提供了多个方法用于管理缓存，如open、match、add、addAll、put、delete等。
   • 打开缓存：caches.open('my-cache-name').then(function(cache) { /* 使用cache对象 */ });
   • 添加请求到缓存：cache.add(request).then(function() { /* 添加成功 */ });

每种存储机制都有其特定的用途和限制，选择哪种取决于你的具体需求，如数据量、持久性、浏览器兼容性等。