localStorage vs sessionStorage
Pilih masa berlaku penyimpanan yang tepat.
localStorage vs sessionStorage adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar JavaScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus JavaScript Academy mencakup 4 pelajaran total.
Dua Penyimpanan, API yang Sama
localStorage dan sessionStorage memiliki metode yang sama persis. Perbedaannya terletak pada masa berlaku: berapa lama data dapat bertahan.
localStorage Bersifat Permanen
Data dalam localStorage tetap ada sampai dihapus secara eksplisit. Data tersebut bertahan setelah halaman dimuat ulang, tab ditutup, dan browser dimulai ulang.
localStorage.setItem("theme", "dark");
// Still there days later, after closing the browsersessionStorage Bersifat Sementara
Data dalam sessionStorage hanya bertahan selama sesi tab. Menutup tab akan menghapusnya.
sessionStorage.setItem("step", "2");
// Gone once the tab is closedIsolasi per Tab
Setiap tab browser memiliki sessionStorage sendiri. Dua tab dari situs yang sama memiliki penyimpanan sesi terpisah; keduanya NOT berbagi data.
localStorage Dibagikan
Sebaliknya, semua tab dan jendela dari asal yang sama berbagi satu localStorage. Penulisan di satu tab akan terlihat oleh tab lainnya.
Perilaku saat Memuat Ulang
Pemuatan ulang biasa mempertahankan sessionStorage untuk tab tersebut. Menggandakan tab mungkin menyalin sesinya, tetapi membuka tab baru akan memulainya dalam keadaan kosong.
sessionStorage.setItem("draft", text);
// Survives F5 reload in the same tabMemilih di antara Keduanya
Gunakan localStorage untuk preferensi yang bertahan lama (theme, bahasa). Gunakan sessionStorage untuk status sementara khusus tab (langkah panduan, draf formulir sekali pakai).
Peringatan Keamanan
Tidak satu pun penyimpanan ini aman. Keduanya dapat dibaca oleh skrip apa pun di halaman, jadi jangan pernah menyimpan kata sandi atau token sensitif yang harus tetap rahasia.
Metode yang Sama di Mana Saja
Karena API-nya sama, Anda dapat mengganti salah satunya dengan yang lain hanya dengan mengubah nama objek. Kode yang ditulis untuk salah satunya juga dapat digunakan pada yang lain.
const store = useSession ? sessionStorage : localStorage;
store.setItem("k", "v");Penjelajahan Privat
Dalam mode privat atau penyamaran, kedua penyimpanan biasanya dihapus ketika sesi berakhir, dan beberapa browser membatasi atau menonaktifkannya. Selalu tangani kemungkinan kegagalan penulisan.
try {
localStorage.setItem("k", "v");
} catch (e) {
console.log("storage unavailable");
}Kuota Terpisah
Setiap penyimpanan memiliki kuotanya sendiri (biasanya sekitar 5 MB per asal). Memenuhi sessionStorage tidak akan mengurangi anggaran localStorage.
Pemeriksaan Singkat
Membandingkan kedua penyimpanan.
Ringkasan
Kedua penyimpanan memiliki API yang sama, tetapi berbeda dalam masa berlaku. localStorage bertahan lintas sesi dan dibagikan oleh semua tab dari suatu asal; sessionStorage hanya hidup selama satu sesi tab dan terisolasi per tab. Keduanya tidak aman, dan masing-masing memiliki kuota sekitar 5 MB.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “localStorage vs sessionStorage” gratis?
Ya — teks lengkap “localStorage vs sessionStorage” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus JavaScript Academy, upgrade ke CoddyKit PRO. Kursus JavaScript Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “localStorage vs sessionStorage”?
Pilih masa berlaku penyimpanan yang tepat. Kamu berlatih JavaScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai JavaScript Academy?
Tidak diperlukan pengalaman sebelumnya. JavaScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 4.
Berapa lama pelajaran “localStorage vs sessionStorage” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran JavaScript Academy ini?
Ya. Setiap pelajaran JavaScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Menyimpan dan Membaca Data
- localStorage vs sessionStorage
- Menyimpan Objek dengan JSON
- Peristiwa dan Batas Penyimpanan