IndexedDB 是瀏覽器內(nèi)置的數(shù)據(jù)庫(kù)系統(tǒng)，適合存儲(chǔ)大量結(jié)構(gòu)化數(shù)據(jù)。它支持對(duì)象、數(shù)組、二進(jìn)制數(shù)據(jù)等複雜類型，具備異步操作、事務(wù)機(jī)制和索引查詢功能，相比localStorage 存儲(chǔ)容量更大、性能更優(yōu)。 1. 適用於離線應(yīng)用如筆記類工具；2. 可緩存API 數(shù)據(jù)提升加載速度；3. 支持批量數(shù)據(jù)處理；4. 能暫存用戶行為日誌。使用時(shí)需注意其API 複雜、版本升級(jí)需謹(jǐn)慎、兼容性存在細(xì)節(jié)問題且無法跨域共享數(shù)據(jù)，建議合理設(shè)計(jì)數(shù)據(jù)模型並考慮封裝或使用庫(kù)簡(jiǎn)化開發(fā)。

IndexedDB 是瀏覽器內(nèi)置的數(shù)據(jù)庫(kù)系統(tǒng)，適合在客戶端存儲(chǔ)大量結(jié)構(gòu)化數(shù)據(jù)。它不是簡(jiǎn)單的鍵值對(duì)存儲(chǔ)（像localStorage），而是支持索引、查詢、事務(wù)等特性，適用於需要離線操作或提升性能的Web 應(yīng)用。

什麼是IndexedDB？

簡(jiǎn)單來說，IndexedDB 是一種運(yùn)行在瀏覽器中的輕量級(jí)數(shù)據(jù)庫(kù)。和localStorage 不同的是，它不僅能存字符串，還能存複雜的數(shù)據(jù)類型，比如對(duì)象、數(shù)組，甚至二進(jìn)制數(shù)據(jù)（如圖片、文件）。它採(cǎi)用異步方式處理數(shù)據(jù)，不會(huì)阻塞頁面加載，適合處理大量數(shù)據(jù)的操作。

你可以把它理解為一個(gè)“本地的小型數(shù)據(jù)庫(kù)”，可以創(chuàng)建多個(gè)“表”（稱為object store），每個(gè)表可以有多個(gè)索引，用來快速查找數(shù)據(jù)。

為什麼使用IndexedDB 而不是localStorage？

localStorage 很方便，但功能有限：

• 只能存字符串
• 容量?。ㄍǔ?MB 左右）
• 操作是同步的，可能影響性能
• 不適合存儲(chǔ)結(jié)構(gòu)化數(shù)據(jù)或頻繁讀寫

而IndexedDB 的優(yōu)勢(shì)很明顯：

• 支持結(jié)構(gòu)化數(shù)據(jù)
• 存儲(chǔ)容量大（默認(rèn)幾十MB，可申請(qǐng)更多）
• 異步操作，不影響主線程
• 支持事務(wù)機(jī)制，保證數(shù)據(jù)一致性

如果你要做一個(gè)離線筆記應(yīng)用、緩存大量用戶數(shù)據(jù)、或者構(gòu)建PWA（漸進(jìn)式網(wǎng)頁應(yīng)用），那IndexedDB 就很合適了。

IndexedDB 適用的場(chǎng)景有哪些？

以下是一些常見的使用場(chǎng)景：

• 離線應(yīng)用：比如待辦事項(xiàng)、筆記類應(yīng)用，即使沒有網(wǎng)絡(luò)也能正常訪問數(shù)據(jù)。
• 緩存API 數(shù)據(jù)：從後端獲取的數(shù)據(jù)可以先存在IndexedDB 中，下次打開時(shí)先展示緩存內(nèi)容，再後臺(tái)更新。
• 批量數(shù)據(jù)操作：比如一次性導(dǎo)入幾千條記錄進(jìn)行展示或處理。
• 用戶行為日誌收集：在客戶端暫存用戶行為，延遲上傳到服務(wù)器。

舉個(gè)例子：你開發(fā)了一個(gè)閱讀類App，用戶經(jīng)常查看歷史文章。如果每次都請(qǐng)求服務(wù)器會(huì)比較慢，而且浪費(fèi)流量。這時(shí)候就可以把文章內(nèi)容緩存在IndexedDB 裡，下次用戶打開時(shí)直接讀取本地?cái)?shù)據(jù)。

使用IndexedDB 需要注意什麼？

雖然功能強(qiáng)大，但I(xiàn)ndexedDB 也有學(xué)習(xí)成本和一些“坑”需要注意：

• API 複雜：原生API 比較繁瑣，建議封裝或使用庫(kù)（如Dexie.js）簡(jiǎn)化操作。
• 版本升級(jí)要小心：一旦創(chuàng)建了數(shù)據(jù)庫(kù)並定義了結(jié)構(gòu)，後續(xù)修改結(jié)構(gòu)（比如加字段）必須通過版本號(hào)升級(jí)。
• 兼容性不錯(cuò)但細(xì)節(jié)需注意：現(xiàn)代瀏覽器基本都支持，但在Safari 上可能會(huì)有一些限製或Bug。
• 不能跨域共享數(shù)據(jù)：不同域名下的IndexedDB 是獨(dú)立的，不能互相訪問。

如果你打算用它做項(xiàng)目，建議一開始就把數(shù)據(jù)模型設(shè)計(jì)好，避免頻繁升級(jí)結(jié)構(gòu)帶來的麻煩。

基本上就這些。 IndexedDB 並不復(fù)雜，但它提供的能力遠(yuǎn)超localStorage，尤其適合需要持久化、結(jié)構(gòu)化、離線存儲(chǔ)的應(yīng)用場(chǎng)景。

以上是什麼是indexedDB，什麼時(shí)候應(yīng)該使用？的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！