Sveltejs Academy · पाठ

onDestroy: सफ़ाई

कंपोनेंट हटाए जाने पर टाइमर साफ़ करने या सदस्यता समाप्त करने जैसी समापन प्रक्रियाएँ चलाएँ।

पाठ 2, कुल 4 में से13 चरण

onDestroy: सफ़ाई, CoddyKit पर Sveltejs Academy का एक निःशुल्क पाठ है। यह 4 में से 2वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह Sveltejs Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Sveltejs Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

onDestroy क्यों

onDestroy तब चलता है जब कोई घटक DOM से हटाया जाता है। इसका उपयोग श्रोताओं, टाइमरों या सदस्यताओं को हटाने के लिए करें।

आयात करें और कॉल करें

svelte से आयात करें और एक कॉलबैक दें।

<script>
  import { onDestroy } from "svelte";
  onDestroy(() => console.log("bye"));
</script>

सफ़ाई का तरीका

टाइमर रद्द करें, डेटा-अनुरोधों को निरस्त करें और स्टोर की सदस्यता समाप्त करें।

onDestroy(() => clearInterval(id));

एकाधिक onDestroys

आवश्यकतानुसार जितनी बार चाहें कॉल करें। प्रत्येक सफ़ाई कार्य चलेगा।

सर्वर पर भी चलता है

onMount के विपरीत, onDestroy SSR के दौरान सर्वर पर भी चलता है।

onMount के साथ जोड़ी बनाएँ

एक सामान्य तरीका है कि onMount में चीज़ों का सेटअप करें और onDestroy में उन्हें हटा दें।

या onMount से सीधे लौटाएँ

onMount से फ़ंक्शन लौटाना सरल सफ़ाई कार्यों के लिए onDestroy के समान है और कोड को एक ही स्थान पर रखता है।

हटाते समय साइड इफ़ेक्ट से बचें

सफ़ाई कार्यों को समकालिक और त्वरित रखें। लंबा असमकालिक काम नेविगेशन से पहले पूरा नहीं हो सकता।

स्टोर की स्वतः सदस्यता

यदि आप $store का संक्षिप्त रूप इस्तेमाल करते हैं, तो Svelte हटाए जाने पर सदस्यता अपने-आप समाप्त कर देता है — मैन्युअल onDestroy की आवश्यकता नहीं होती।

मेमोरी रिसाव

सफ़ाई भूल जाना एकल-पृष्ठ ऐप्स में मेमोरी रिसाव का सबसे बड़ा स्रोत है। वैश्विक रूप से जोड़े गए श्रोताओं की सफ़ाई हमेशा करें।

पेज बनाम कंपोनेंट

रूट बदलने पर पेज कंपोनेंट नष्ट हो जाते हैं और onDestroy सक्रिय होता है। इसका उपयोग प्रत्येक पेज की सफ़ाई के लिए भी करें।

त्वरित जाँच

सेटअप और सफ़ाई को एक साथ जोड़ने का सबसे सरल तरीका क्या है?

पुनरावृत्ति

कंपोनेंट के अनमाउंट होने पर onDestroy चलता है। लिसनर और टाइमर की सफ़ाई के लिए इसका या onMount से लौटने वाले फ़ंक्शन का उपयोग करें।

शुरुआत निःशुल्क

एआई शिक्षक के साथ HTML सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम
41
पाठ
163

अक्सर पूछे जाने वाले प्रश्न

क्या “onDestroy: सफ़ाई” पाठ निःशुल्क है?

हाँ—“onDestroy: सफ़ाई” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और Sveltejs Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। Sveltejs Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“onDestroy: सफ़ाई” में मैं क्या सीखूँगा?

कंपोनेंट हटाए जाने पर टाइमर साफ़ करने या सदस्यता समाप्त करने जैसी समापन प्रक्रियाएँ चलाएँ। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Sveltejs Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या Sveltejs Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Sveltejs Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 2वाँ पाठ है।

“onDestroy: सफ़ाई” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस Sveltejs Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर Sveltejs Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

  1. onMount: रेंडर के बाद चलाना
  2. onDestroy: सफ़ाई
  3. beforeUpdate और afterUpdate
  4. tick(): DOM अपडेट की प्रतीक्षा
← Sveltejs Academy पर वापस जाएँ