原生js怎么删除数据库中的数据？

原生js怎么删除一个数据库

在现代Web开发中,前端与数据库的交互通常通过API实现，但原生JavaScript（简称原生JS）也可以直接操作浏览器内置的本地存储方案，如IndexedDB或WebSQL，本文将详细介绍如何使用原生JS删除数据库，涵盖IndexedDB和WebSQL两种主流方案，并提供代码示例和注意事项。

使用IndexedDB删除数据库

IndexedDB是浏览器提供的 NoSQL 数据库，支持大量结构化数据存储，删除IndexedDB数据库相对简单，主要通过indexedDB.deleteDatabase()方法实现。

1 检查数据库是否存在

在删除数据库前,通常需要确认数据库是否存在，可以通过indexedDB.databases()方法获取所有数据库列表，检查目标数据库是否在列表中。

async function checkDatabaseExists(name) {  
  return new Promise((resolve) => {  
    const request = indexedDB.databases();  
    request.onsuccess = () => {  
      const databases = request.result;  
      resolve(databases.some(db => db.name === name));  
    };  
  });  
}  

2 删除数据库

确认数据库存在后,调用indexedDB.deleteDatabase()方法删除数据库，该方法返回一个IDBOpenDBRequest对象，通过监听success和error事件处理结果。

function deleteDatabase(name) {  
  return new Promise((resolve, reject) => {  
    const request = indexedDB.deleteDatabase(name);  
    request.onsuccess = () => resolve("数据库删除成功");  
    request.onerror = () => reject("数据库删除失败");  
  });  
}  
// 使用示例  
(async () => {  
  const dbName = "myDatabase";  
  if (await checkDatabaseExists(dbName)) {  
    try {  
      const result = await deleteDatabase(dbName);  
      console.log(result);  
    } catch (error) {  
      console.error(error);  
    }  
  } else {  
    console.log("数据库不存在");  
  }  
})();  

3 注意事项

• 删除数据库是同步操作,会立即释放所有存储空间。
• 如果数据库正在被使用（如有未完成的请求），删除操作会失败。
• 删除后无法恢复,建议提前备份数据。

使用WebSQL删除数据库

WebSQL是另一种浏览器内置的数据库方案,基于SQLite，删除WebSQL数据库可以通过openDatabase对象的changeVersion方法或直接调用database.close()后删除文件。

1 通过changeVersion方法删除

WebSQL没有直接的删除方法,但可以通过降级版本号的方式实现删除效果。

function deleteWebSQLDatabase(name) {  
  return new Promise((resolve, reject) => {  
    const db = openDatabase(name, "1.0", "Delete DB", 2 * 1024 * 1024);  
    db.changeVersion("1.0", "0.0", (tx) => {  
      tx.executeSql("DROP TABLE IF EXISTS table1");  
    }, (error) => reject(error), () => resolve("数据库删除成功"));  
  });  
}  

2 通过关闭数据库并删除文件

WebSQL数据库文件通常存储在浏览器私有目录中,无法直接通过JS删除，但可以通过关闭数据库后，让用户手动清除缓存或使用浏览器提供的API（如StorageManager）释放空间。

async function clearWebSQLStorage() {  
  if ('storage' in navigator && 'estimate' in navigator.storage) {  
    const estimate = await navigator.storage.estimate();  
    console.log("已用空间:", estimate.usage);  
    console.log("配额:", estimate.quota);  
    // 提示用户清除缓存  
  }  
}  

3 注意事项

• WebSQL已不再推荐使用,建议迁移到IndexedDB或服务端数据库。
• 不同浏览器对WebSQL的支持程度不同,删除操作可能因浏览器而异。

删除数据库的最佳实践

无论使用哪种方案,删除数据库时都需遵循以下原则：

1. 备份数据：删除前确认数据是否需要保留，必要时导出备份。
2. 错误处理：监听错误事件，避免因操作失败导致异常。
3. 用户确认：对于关键数据，建议弹出提示框让用户确认删除操作。
4. 异步操作：数据库操作通常是异步的，使用Promise或async/await管理流程。

相关问答FAQs

Q1: 删除IndexedDB数据库后，数据能恢复吗？
A1: 不能，IndexedDB数据库一旦删除，所有数据将永久丢失，且无法通过JS恢复，如果需要保留数据，建议提前导出或使用事务备份。

Q2: 为什么删除WebSQL数据库时提示“数据库正在使用”？
A2: 这通常是因为数据库连接未关闭或仍有未完成的请求，建议先关闭所有数据库连接，确保没有其他操作正在使用该数据库后再尝试删除。