IndexedDB nedir?

IndexedDB'nin ne sağladığını ve localStorage'dan farkını öğrenirsin.

IndexedDB nedir?

IndexedDB, tarayıcıda yapılandırılmış veriyi saklayan yerleşik bir veritabanıdır. localStorage'tan farklı olarak büyük miktarda veriyi, nesneleri ve hatta dosya blob'larını tutabilir. Veriler kalıcıdır: sayfa yenilenince ya da tarayıcı kapatılınca kaybolmaz.

IndexedDB'nin API'si asenkron çalışır; yani işlem bitene kadar sayfayı dondurmaz. Sonuçları request.onsuccess gibi olay (event) dinleyicileriyle alırsın.

localStorage farkı

localStorage basit anahtar-değer çiftleri için uygundur; yalnızca metin saklar ve senkron çalışır. IndexedDB ise nesneleri, dizileri ve blob'ları doğrudan tutabilir, asenkron çalışır ve çok daha büyük veri miktarlarını kaldırır.

localStorage.setItem('theme', 'dark');

Ayarlar gibi küçük değerler için localStorage yeterlidir; notlar, mesajlar veya ürünler gibi zengin veriler için IndexedDB tercih edilir.

Uygulama IndexedDB desteğini denetle

window üzerinde 'indexedDB' özelliğinin varlığını in ile kontrol et. Yoksa console.log ile 'unsupported', varsa 'supported' yazdır.

Örnek çözümü göster

if (!('indexedDB' in window)) {
  console.log('unsupported');
} else {
  console.log('supported');
}

Kendini test et

IndexedDB için hangisi doğrudur?
- API'si asenkron çalışır, sayfayı dondurmaz
- Yalnızca metin (string) saklayabilir
- Veriler tarayıcı kapatılınca silinir
- Veriler sunucuda tutulur
Cevabı göster

API'si asenkron çalışır, sayfayı dondurmaz — Doğru! IndexedDB'nin API'si asenkron çalışır; büyük nesneler tutabilir.

IndexedDB nesnesine eriş

const idb = window.____;

Cevabı göster

const idb = window.indexedDB;

localStorage ve IndexedDB farkları

localStorage

yalnızca metin saklar
IndexedDB

nesne ve blob saklar
setItem / getItem

senkron erişim
request.onsuccess

asenkron sonuç

Sıradaki ders: Veritabanı açma

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler