$effect: Efek Samping
Jalankan efek samping yang dieksekusi ulang setiap kali dependensi reaktifnya berubah.
$effect: Efek Samping adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 4 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.
Rune Efek Samping
Gunakan $effect(() => { ... }) untuk efek samping yang merespons perubahan reaktif.
$effect(() => {
console.log("count is", count);
});Pelacakan Otomatis
Svelte melacak dependensi di dalam callback secara otomatis.
Fungsi Pembersihan
Kembalikan sebuah fungsi untuk melakukan pembersihan sebelum proses berikutnya atau saat komponen dihancurkan.
$effect(() => {
const id = setInterval(tick, 1000);
return () => clearInterval(id);
});Berjalan Setelah Mount
Efek berjalan setelah komponen di-mount dan setiap kali dependensi berubah.
Tanpa SSR
Callback $effect tidak berjalan selama SSR. Gunakan untuk logika khusus browser.
Efek Sebelum Mount
$effect.pre berjalan sebelum pembaruan DOM; berguna untuk pola mengukur lalu menerapkan.
Efek Root
$effect.root membuat efek di luar siklus hidup komponen untuk kasus lanjutan.
Dibandingkan dengan onMount
onMount berjalan sekali; $effect berjalan ulang saat dependensi berubah. Sering kali $effect menggantikan pola onMount dan reaktif.
Hindari Menetapkan State
Memutasi state reaktif di dalam efek dapat menyebabkan perulangan. Untuk nilai terhitung, lebih baik gunakan $derived.
Pembacaan Tanpa Pelacakan
Gunakan untrack() di dalam efek untuk membaca nilai tanpa mendaftarkan dependensi.
Kasus Penggunaan Nyata
Pencatatan log, sinkronisasi ke localStorage, integrasi pustaka pihak ketiga, dan penyesuaian DOM secara manual.
Pemeriksaan Singkat
Bagaimana cara membersihkan efek?
Ringkasan
$effect menangani efek samping, melacak dependensi, dan mendukung pembersihan melalui fungsi yang dikembalikan.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “$effect: Efek Samping” gratis?
Ya — teks lengkap “$effect: Efek Samping” 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 “$effect: Efek Samping”?
Jalankan efek samping yang dieksekusi ulang setiap kali dependensi reaktifnya berubah. 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 4 dari 4.
Berapa lama pelajaran “$effect: Efek Samping” 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
- Mengapa Runes: Melampaui Keajaiban Compiler
- $state: Reaktivitas Terperinci
- $derived: Nilai Terhitung Deklaratif
- $effect: Efek Samping