js怎么调用本地数据库

JavaScript调用本地数据库的几种方法包括：使用Web SQL、IndexedDB、LocalStorage、以及通过Node.js连接SQLite。

其中，IndexedDB是现代浏览器中较为推荐的方式。IndexedDB是一种低级API，允许客户端存储大量结构化数据，并且可以进行高效的查询。它比LocalStorage和Web SQL更为强大和灵活。在接下来的内容中，将详细介绍如何使用IndexedDB来调用本地数据库。

一、什么是IndexedDB

IndexedDB是一种在用户浏览器中存储大量数据的API，它允许开发者创建、读取、修改和删除数据对象。IndexedDB适用于需要存储大量数据并且需要进行复杂查询的场景。它是异步操作的，意味着它不会阻塞主线程。这对于需要高性能的应用程序来说非常重要。

特性和优点

持久化存储： 数据存储在用户的硬盘中，即使浏览器关闭也不会丢失数据。
高效的查询： 支持键值对存储，提供了索引和事务功能，查询速度快。
异步操作： 不会阻塞主线程，提供了良好的用户体验。
事务支持： 确保数据操作的完整性和一致性。

二、IndexedDB的基本概念

在深入了解如何使用IndexedDB之前，我们需要了解一些基本概念：

数据库（Database）： 类似于关系型数据库的数据库，包含多个对象存储。
对象存储（Object Store）： 类似于关系型数据库中的表，存储具体的数据对象。
事务（Transaction）： 确保一组操作要么全部成功，要么全部失败。
索引（Index）： 提高数据查询速度的机制。
键（Key）： 数据对象的唯一标识符。

三、IndexedDB的基本操作

1. 打开数据库

打开数据库是使用IndexedDB的第一步。可以使用indexedDB.open方法来打开一个数据库。

let request = indexedDB.open("myDatabase", 1);
request.onerror = function(event) {
    console.log("Database error: " + event.target.errorCode);
};
request.onsuccess = function(event) {
    let db = event.target.result;
    console.log("Database opened successfully");
};

在上面的代码中，我们尝试打开一个名为“myDatabase”的数据库。如果数据库不存在，浏览器会创建一个新的数据库。

2. 创建对象存储

在数据库第一次创建时，我们需要设置对象存储和索引。这通常在onupgradeneeded事件中完成。

request.onupgradeneeded = function(event) {
    let db = event.target.result;
    let objectStore = db.createObjectStore("customers", { keyPath: "id" });
    objectStore.createIndex("name", "name", { unique: false });
    objectStore.createIndex("email", "email", { unique: true });
    console.log("Object store and indexes created");
};

在上面的代码中，我们创建了一个名为“customers”的对象存储，并添加了两个索引：“name”和“email”。

3. 添加数据

我们可以使用事务和对象存储的add方法来添加数据。

request.onsuccess = function(event) {
    let db = event.target.result;
    let transaction = db.transaction(["customers"], "readwrite");
    transaction.oncomplete = function(event) {
        console.log("All done!");
    };
    transaction.onerror = function(event) {
        console.log("Transaction error: " + event.target.errorCode);
    };
    let objectStore = transaction.objectStore("customers");
    let request = objectStore.add({ id: 1, name: "John Doe", email: "john@example.com" });
    request.onsuccess = function(event) {
        console.log("Customer added to the store", event.target.result);
    };
};

在上面的代码中，我们创建了一个事务，并在“customers”对象存储中添加了一条记录。

4. 读取数据

我们可以使用对象存储的get方法来读取数据。

let transaction = db.transaction(["customers"]);
let objectStore = transaction.objectStore("customers");
let request = objectStore.get(1);
request.onerror = function(event) {
    console.log("Transaction error: " + event.target.errorCode);
};
request.onsuccess = function(event) {
    if(request.result) {
        console.log("Customer: ", request.result);
    } else {
        console.log("Customer not found");
    }
};

在上面的代码中，我们读取了ID为1的记录。

5. 更新数据

我们可以使用对象存储的put方法来更新数据。

let transaction = db.transaction(["customers"], "readwrite");
let objectStore = transaction.objectStore("customers");
let request = objectStore.put({ id: 1, name: "Jane Doe", email: "jane@example.com" });
request.onsuccess = function(event) {
    console.log("Customer updated");
};

在上面的代码中，我们更新了ID为1的记录。

6. 删除数据

我们可以使用对象存储的delete方法来删除数据。

let transaction = db.transaction(["customers"], "readwrite");
let objectStore = transaction.objectStore("customers");
let request = objectStore.delete(1);
request.onsuccess = function(event) {
    console.log("Customer deleted");
};

在上面的代码中，我们删除了ID为1的记录。

四、IndexedDB的高级操作

除了基本的CRUD操作，IndexedDB还提供了一些高级功能，如游标、索引查询、以及并发控制。

1. 使用游标

游标（Cursor）用于遍历对象存储或索引中的数据。

let transaction = db.transaction(["customers"]);
let objectStore = transaction.objectStore("customers");
let request = objectStore.openCursor();
request.onsuccess = function(event) {
    let cursor = event.target.result;
    if(cursor) {
        console.log("Customer: ", cursor.value);
        cursor.continue();
    } else {
        console.log("No more entries!");
    }
};

在上面的代码中，我们使用游标遍历了“customers”对象存储中的所有记录。

2. 索引查询

索引用于快速查询数据。

let transaction = db.transaction(["customers"]);
let objectStore = transaction.objectStore("customers");
let index = objectStore.index("name");
let request = index.get("John Doe");
request.onsuccess = function(event) {
    console.log("Customer: ", request.result);
};

在上面的代码中，我们通过“name”索引查询了名称为“John Doe”的记录。

3. 并发控制

IndexedDB支持多事务并发，但需要注意事务之间的相互影响。

let transaction1 = db.transaction(["customers"], "readwrite");
let transaction2 = db.transaction(["customers"], "readonly");
// 操作事务1和事务2

在上面的代码中，我们创建了两个并发事务。

五、IndexedDB的实际应用场景

IndexedDB适用于以下一些实际应用场景：

离线Web应用： 当用户离线时，数据可以存储在IndexedDB中，待用户上线时再同步到服务器。
大型数据存储： 可以存储大量结构化数据，如电子表格、文档管理系统等。
数据缓存： 可以将经常访问的数据缓存到本地，提高应用的响应速度。

六、总结

通过本文，我们了解了如何使用JavaScript调用本地数据库，特别是通过IndexedDB进行数据存储和管理。IndexedDB提供了强大的存储和查询功能，是现代Web应用中不可或缺的一部分。希望本文能帮助你更好地理解和使用IndexedDB。