onDestroy: Pembersihan
Jalankan logika pembongkaran, seperti menghapus pengatur waktu atau berhenti berlangganan, saat komponen dihapus.
onDestroy: Pembersihan adalah pelajaran Sveltejs 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 Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.
Alasan Menggunakan onDestroy
onDestroy dijalankan ketika komponen dihapus dari DOM. Gunakan untuk membongkar pendengar, pengatur waktu, atau langganan.
Mengimpor dan Memanggil
Impor dari svelte dan berikan fungsi panggilan balik.
<script>
import { onDestroy } from "svelte";
onDestroy(() => console.log("bye"));
</script>Pola Pembersihan
Batalkan pengatur waktu, hentikan permintaan pengambilan data, dan berhenti berlangganan dari penyimpanan.
onDestroy(() => clearInterval(id));Beberapa onDestroy
Panggil sebanyak yang diperlukan. Setiap pembersihan akan dijalankan.
Juga Berjalan di Server
Berbeda dari onMount, onDestroy dijalankan di server selama pembongkaran SSR.
Dipadukan dengan onMount
Pola yang umum adalah menyiapkan berbagai hal dalam onMount dan membongkarnya dalam onDestroy.
Atau Kembalikan Saja dari onMount
Mengembalikan sebuah fungsi dari onMount setara dengan onDestroy untuk pembersihan sederhana dan menjaga kode terkait tetap berdekatan.
Hindari Efek Samping dalam destroy
Jaga agar pembersihan berlangsung sinkron dan cepat. Pekerjaan asinkron yang panjang mungkin tidak selesai sebelum navigasi.
Berlangganan Otomatis Penyimpanan
Jika Anda menggunakan bentuk singkat $store, Svelte otomatis berhenti berlangganan saat penghancuran—tidak diperlukan onDestroy manual.
Kebocoran Memori
Lupa melakukan pembersihan adalah sumber utama kebocoran memori dalam aplikasi satu halaman. Selalu bongkar pendengar yang Anda tambahkan secara global.
Halaman vs Komponen
Perubahan rute menghancurkan komponen halaman dan memicu onDestroy. Gunakan ini juga untuk pembersihan khusus halaman.
Pemeriksaan Singkat
Apa cara paling sederhana untuk menggabungkan penyiapan dan pembersihan?
Ringkasan
onDestroy dijalankan saat komponen dilepas. Gunakan ini (atau nilai yang dikembalikan onMount) untuk membersihkan pendengar dan pengatur waktu.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “onDestroy: Pembersihan” gratis?
Ya — teks lengkap “onDestroy: Pembersihan” 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 “onDestroy: Pembersihan”?
Jalankan logika pembongkaran, seperti menghapus pengatur waktu atau berhenti berlangganan, saat komponen dihapus. 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 2 dari 4.
Berapa lama pelajaran “onDestroy: Pembersihan” 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
- onMount: Menjalankan Kode Setelah Render
- onDestroy: Pembersihan
- beforeUpdate dan afterUpdate
- tick(): Menunggu Pembaruan DOM