$effect.root للتنظيف اليدوي
أنشئ جذر effect للتحكم في وقت بدء التأثيرات وإيقافها.
$effect.root للتنظيف اليدوي درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
الآثار خارج المكوّنات
يعمل $effect داخل دورات حياة المكوّنات فقط. أما الآثار على مستوى التطبيق، فاستخدم لها $effect.root.
إنشاء جذر
يعيد $effect.root دالة تفكيك.
const teardown = $effect.root(() => {
$effect(() => { /* ... */ });
});دورة حياة يدوية
أنت تحدد متى يتوقف التأثير الجذري؛ استدعِ دالة التفكيك المُعادة لإجراء التنظيف.
حالات الاستخدام
المهام التي تعمل في الخلفية، والاشتراكات العامة، والبرامج النصية التي تتجاوز نطاق مكوّن واحد.
الآثار المتداخلة
داخل الجذر، يمكنك تعريف استدعاءات $effect عادية.
بديل المخازن
يمكن لـ $effect.root مع $state أن يحل محل العديد من أنماط المخازن على مستوى الوحدة.
تركيب التنظيف
يعمل إرجاع دوال التنظيف من الآثار الداخلية كما هو متوقع.
إعداد الاختبارات
يفيد ذلك في الاختبارات لتشغيل الشيفرة التفاعلية خارج مكوّن.
مراعاة SSR
يراعي $effect.root وضع SSR؛ فلا تعمل الآثار على الخادم.
مقارنة بـ onMount/onDestroy
يمثّل $effect.root + teardown البديلَ الحديث للآثار الممتدة عبر المكوّنات.
واجهة برمجة تطبيقات متقدمة
مخصصة للمستخدمين المتقدمين فقط — تستخدم معظم شيفرات التطبيقات $effect داخل المكوّنات.
اختبار سريع
متى تلجأ إلى $effect.root؟
مراجعة
يشغّل $effect.root الآثار خارج نطاق المكوّن. وتفكك الدالة المُعادة هذه الآثار عند الطلب.
الأسئلة الشائعة
هل درس «$effect.root للتنظيف اليدوي» مجاني؟
نعم — نص درس «$effect.root للتنظيف اليدوي» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «$effect.root للتنظيف اليدوي»؟
أنشئ جذر effect للتحكم في وقت بدء التأثيرات وإيقافها. تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.
كم من الوقت يستغرق درس «$effect.root للتنظيف اليدوي»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- $state.raw للحالة غير التفاعلية
- $derived.by للاشتقاقات المعقدة
- $effect.root للتنظيف اليدوي
- الترحيل من Svelte 4 إلى 5