Memperbarui Store: set() dan update()
Ganti atau ubah nilai store menggunakan set() dan callback pembaruan dalam update().
Memperbarui Store: set() dan update() adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 3 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 Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Dua Mode Pembaruan
Store menyediakan dua metode pembaruan: set(value) untuk mengganti dan update(fn) untuk mengubah.
Contoh set
Ganti seluruh nilainya.
count.set(5);Contoh update
Ubah nilai saat ini menggunakan fungsi panggilan balik.
count.update(n => n + 1);Kapan Menggunakan Masing-Masing
Gunakan set untuk perubahan absolut; gunakan update jika nilai baru bergantung pada nilai lama.
Di Dalam Komponen
Di dalam file .svelte, utamakan bentuk singkat $store = x daripada store.set(x).
Di Luar Komponen
Dalam modul dan pembantu JS biasa, panggil set/update secara langsung.
Pembaruan Objek
Jika store menyimpan objek, kembalikan objek baru dari update agar pelanggan melihat perubahan.
user.update(u => ({ ...u, name }));Pembaruan Array
Aturannya sama: kembalikan array baru, jangan mengubah array secara langsung.
todos.update(list => [...list, newTodo]);Pengelompokan
Beberapa pembaruan berurutan masing-masing memicu pelanggan. Untuk pengelompokan, hitung nilai akhir lalu tetapkan sekali.
Pembaruan Asinkron
Anda dapat memanggil set di dalam fungsi panggilan balik asinkron; pelanggan menerima nilai baru saat fungsi tersebut dijalankan.
Setter Khusus
Bungkus set/update dalam fungsi bernama pada store khusus untuk API yang lebih rapi.
function increment() { count.update(n => n + 1); }Pemeriksaan Singkat
Metode mana yang memerlukan nilai sebelumnya?
Ringkasan
set mengganti nilai; update mengubahnya menggunakan nilai saat ini melalui fungsi panggilan balik.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Memperbarui Store: set() dan update()” gratis?
Ya — teks lengkap “Memperbarui Store: set() dan update()” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Memperbarui Store: set() dan update()”?
Ganti atau ubah nilai store menggunakan set() dan callback pembaruan dalam update(). Kamu berlatih Sveltejs 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 Sveltejs Academy?
Tidak diperlukan pengalaman sebelumnya. Sveltejs 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 3 dari 4.
Berapa lama pelajaran “Memperbarui Store: set() dan update()” 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 Sveltejs Academy ini?
Ya. Setiap pelajaran Sveltejs 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
- Membuat Store yang Dapat Ditulis
- Berlangganan dengan $ Berlangganan Otomatis
- Memperbarui Store: set() dan update()
- Store readable dan Fungsi Awal Kustom