destroy() Temizleme İşlevi
Olay dinleyicilerini ve gözlemcileri temizlemek için bir eylemden destroy işlevi döndürün.
destroy() Temizleme İşlevi, CoddyKit'te ücretsiz bir Sveltejs Academy dersidir. Bu, 4 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Sveltejs Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Sveltejs Academy kursu toplamda 4 dersten oluşur.
Temizleme Neden Gerekli
Eylemler genellikle dinleyiciler veya gözlemciler ekler. Temizleme, öğe DOM'dan kaldırıldığında bellek sızıntılarını önler.
Temizleme işlevini döndürme
Bir eylem, destroy() işlevini içeren bir nesne döndürebilir. Svelte, öğe DOM'dan kaldırıldığında bu işlevi çağırır.
function listen(node) {
function onClick() { /* ... */ }
node.addEventListener("click", onClick);
return { destroy() { node.removeEventListener("click", onClick); } };
}Kaynaklarla eşleştirme
Ayırdığınız her kaynak (dinleyiciler, gözlemciler, aralıklar) temizleme işlemi sırasında serbest bırakılmalıdır.
Tekrarlı temizleme
Temizleme işlevi bir kez çağrılır. Yine de öğenin birden fazla kez DOM'dan kaldırılması ihtimaline karşı işlevi korumacı şekilde yazın.
update ve temizlemeyi birleştirme
Tam yaşam döngüsü için her ikisini de döndürün: parametre değişikliklerine tepki verin ve öğe DOM'dan kaldırıldığında temizleyin.
Gözlemciler
Temizleme sırasında IntersectionObservers, ResizeObservers ve MutationObservers gözlemcilerini duraklatıp bağlantılarını kesin.
Animasyon kareleri
Gereksiz çalışmayı önlemek için bekleyen requestAnimationFrame döngülerini iptal edin.
Asenkron temizleme
Temizleme işlevi senkron olabilir. Asenkron temizlemeye ihtiyacınız varsa, başlatıp sonucu beklemeyen temizleme görevleri çalıştırın.
Bellek profilleme
Eylemlerin, öğe DOM'dan kaldırıldıktan sonra referansları serbest bıraktığını doğrulamak için tarayıcının bellek araçlarını kullanın.
TypeScript türleri
Döndürülen tür, svelte/action içindeki ActionReturn<Params> türüdür.
Yaygın hata
Temizleme işlevini döndürmeyi unutmak, öğe ortadan kalktıktan sonra dinleyicilerin bağlı kalmasına neden olur. Ekleme işlemini her zaman kaldırma işlemiyle eşleştirin.
Hızlı kontrol
Temizleme işlevi ne zaman çalışır?
Özet
Öğe DOM'dan kaldırıldığında dinleyicileri ve gözlemcileri temizlemek için eyleminizden { destroy } döndürün.
Sıkça Sorulan Sorular
“destroy() Temizleme İşlevi” dersi ücretsiz mi?
Evet — “destroy() Temizleme İşlevi” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Sveltejs Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Sveltejs Academy kursu toplamda 4 dersten oluşur.
“destroy() Temizleme İşlevi” dersinde ne öğreneceğim?
Olay dinleyicilerini ve gözlemcileri temizlemek için bir eylemden destroy işlevi döndürün. Sveltejs Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
Sveltejs Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te Sveltejs Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 3. dersidir.
“destroy() Temizleme İşlevi” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu Sveltejs Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her Sveltejs Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- use: Yönergesi Söz Dizimi
- Eylem Parametreleri ve Güncellemeler
- destroy() Temizleme İşlevi
- Uygulamalı Eylemler: clickOutside tooltip autofocus