onDestroy: التنظيف
شغّل منطق الإنهاء، مثل مسح المؤقتات أو إلغاء الاشتراك، عند إزالة المكوّن
onDestroy: التنظيف درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 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));استدعاءات onDestroy متعددة
استدعوه بالعدد الذي تحتاجون إليه. ويُشغَّل كل إجراء تنظيف.
يُشغَّل على الخادم أيضًا
على خلاف onMount، يُشغَّل onDestroy على الخادم أثناء إزالة التركيب في SSR.
الاقتران مع onMount
من الأنماط الشائعة إعداد الأشياء في onMount وإزالتها في onDestroy.
أو أعيدوا الدالة من onMount
تعادل إعادة دالة من onMount استخدام onDestroy في عمليات التنظيف البسيطة، كما أنها تُبقي الشيفرة في موضع واحد.
تجنّبوا التأثيرات الجانبية في destroy
اجعلوا التنظيف متزامنًا وسريعًا. فقد لا يكتمل العمل غير المتزامن الطويل قبل الانتقال.
الاشتراك التلقائي في المتجر
إذا استخدمتم الصياغة المختصرة $store، يلغي Svelte الاشتراك تلقائيًا عند الإزالة؛ ولا حاجة إلى onDestroy يدويًا.
تسرّبات الذاكرة
يُعدّ نسيان التنظيف المصدر الأول لتسرّبات الذاكرة في تطبيقات SPA. أزيلوا دائمًا المستمعين الذين أضفتموهم على مستوى عام.
الصفحات مقابل المكوّنات
تؤدي تغييرات المسار إلى تدمير مكوّنات الصفحة، مما يؤدي إلى تشغيل onDestroy. استخدمه أيضًا لتنظيف الموارد الخاصة بكل صفحة.
تحقّق سريع
ما أبسط طريقة لربط الإعداد بالتنظيف؟
مراجعة
يُشغَّل onDestroy عند إلغاء تركيب المكوّن. استخدمه، أو استخدم القيمة التي تعيدها onMount، لتنظيف مستمعات الأحداث والمؤقتات.
الأسئلة الشائعة
هل درس «onDestroy: التنظيف» مجاني؟
نعم — نص درس «onDestroy: التنظيف» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «onDestroy: التنظيف»؟
شغّل منطق الإنهاء، مثل مسح المؤقتات أو إلغاء الاشتراك، عند إزالة المكوّن تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.
كم من الوقت يستغرق درس «onDestroy: التنظيف»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.