IndexedDB 是浏览器内置的异步、持久化客户端 NoSQL 数据库，基于对象仓库和索引实现结构化数据存储，适用于离线应用与本地缓存，不支持 SQL 关联查询，不能替代服务端数据库。
JavaScript 本身不能直接操作传统数据库（如 MySQL、PostgreSQL），它运行在浏览器环境中，出于安全限制，无法直连服务器端数据库。但浏览器提供了 IndexedDB —— 一种内置的、持久化的、客户端 NoSQL 数据库存储方案，专为 Web 应用离线存储大量结构化数据而设计。
IndexedDB 是什么？
IndexedDB 是一个低级 API，允许你在用户的浏览器中异步存储大量结构化数据（包括文件和二进制对象）。它不是关系型数据库，不支持 SQL 查询，而是基于键值对 + 对象仓库（Object Store）+ 索引（Index）的模型。
关键特点：
异步操作：所有读写都通过请求-响应模式，避免阻塞主线程 事务机制：操作必须在事务（transaction）中进行，保证数据一致性 键值存储：每条记录以主键（key）唯一标识，可自定义或由系统生成 支持索引：可为对象属性创建索引，实现按非主键字段快速查询 同源限制：每个域名（协议+域名+端口）有独立的数据库，互不共享
基本操作流程是怎样的？
使用 IndexedDB 的典型步骤包括：打开数据库 → 创建/升级结构（对象仓库）→ 启动事务 → 增删改查数据。
立即学习“Java免费学习笔记（深入）”；
简单示例（打开并初始化用户表）：
const request = indexedDB.open("myAppDB", 1);request.onupgradeneeded = function(event) { const db = event.target.result; // 创建名为 "users" 的对象仓库，主键为 "id" if (!db.objectStoreNames.contains("users")) { const store = db.createObjectStore("users", { keyPath: "id" }); // 为 name 字段添加索引，支持按姓名查找 store.createIndex("byName", "name", { unique: false }); }};request.onsuccess = function(event) { const db = event.target.result; console.log("数据库打开成功");};
怎么存、取、删数据？
所有数据操作都在事务中完成，常见方法如下：
添加数据：用 add()（主键不能重复）或 put()（可更新） 读取单条：用 get(key) 或 getKey(key) 按索引查询：先获取索引对象，再用 index.get(value) 或 index.openCursor() 删除数据：用 delete(key) 遍历全部：用 objectStore.openCursor() 配合游标迭代
注意：每个操作返回一个 IDBRequest 对象，通过监听 onsuccess / onerror 获取结果，不是 Promise（但可用 promisify 封装）。
它适合做什么？不适合做什么？
适合场景：
离线 Web 应用（如笔记、待办、邮件客户端）缓存数据 大文件分块上传前的本地暂存 保存用户偏好、表单草稿、历史记录等结构化客户端数据
不适合场景：
需要复杂关联查询（JOIN）、聚合统计（GROUP BY）的业务 高并发多用户实时协作（它只在单个浏览器内生效） 替代服务端数据库——它只是前端补充，不能取代后端存储
基本上就这些。IndexedDB 功能强大但 API 较底层，实际项目中常配合 idb（轻量 Promise 封装库）使用，大幅提升开发体验。
以上就是javascript如何操作数据库_IndexedDB的基本概念是什么的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1543719.html
微信扫一扫 
支付宝扫一扫 
