Fungsi Pembersihan destroy()
Kembalikan fungsi destroy dari action untuk membersihkan pemantau peristiwa dan pengamat.
Fungsi Pembersihan destroy() 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.
Mengapa Pembersihan
Aksi sering menambahkan pendengar atau pengamat. Pembersihan mencegah kebocoran memori saat elemen dilepas.
Kembalikan pembersihan
Sebuah aksi dapat mengembalikan objek dengan fungsi destroy(). Svelte memanggilnya saat elemen dilepas.
function listen(node) {
function onClick() { /* ... */ }
node.addEventListener("click", onClick);
return { destroy() { node.removeEventListener("click", onClick); } };
}Pasangkan dengan Sumber Daya
Segala sesuatu yang Anda alokasikan (pendengar, pengamat, interval) harus dilepaskan dalam pembersihan.
Pembersihan Idempoten
Pembersihan dipanggil sekali. Namun, tulislah secara defensif untuk berjaga-jaga jika elemen dilepas berulang kali.
Gabungkan pembaruan dan pembersihan
Kembalikan keduanya untuk siklus hidup lengkap: tanggapi perubahan parameter dan lakukan pembersihan saat elemen dilepas.
Pengamat
Jeda dan putuskan IntersectionObservers, ResizeObservers, MutationObservers dalam pembersihan.
Bingkai Animasi
Batalkan loop requestAnimationFrame yang masih tertunda agar pekerjaan yang sia-sia tidak dilakukan.
Pembersihan Asinkron
Pembersihan dapat bersifat sinkron. Jika memerlukan pembersihan asinkron, jalankan tugas pembersihan tanpa menunggu hasilnya.
Pembuatan Profil Memori
Gunakan alat memori peramban untuk memastikan aksi melepaskan referensi setelah elemen dilepas.
Tipe TypeScript
Tipe pengembalian adalah ActionReturn<Params> dari svelte/action.
Kesalahan Umum
Lupa mengembalikan pembersihan membuat pendengar tetap terpasang setelah elemen tidak ada. Selalu pasangkan penambahan dengan penghapusan.
Pemeriksaan Singkat
Kapan pembersihan dijalankan?
Rangkuman
Kembalikan { destroy } dari aksi Anda untuk membersihkan pendengar dan pengamat saat elemen dilepas.
Belajar HTML dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 41
- Pelajaran
- 163
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Fungsi Pembersihan destroy()” gratis?
Ya — teks lengkap “Fungsi Pembersihan destroy()” 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 “Fungsi Pembersihan destroy()”?
Kembalikan fungsi destroy dari action untuk membersihkan pemantau peristiwa dan pengamat. 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 “Fungsi Pembersihan destroy()” 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
- Sintaks Direktif use:
- Parameter dan Pembaruan action
- Fungsi Pembersihan destroy()
- action Praktis: clickOutside tooltip autofocus