الاشتراك باستخدام $ للاشتراك التلقائي
استخدم البادئة $ للاشتراك التلقائي في Stores وإلغاء الاشتراك منها تلقائيًا داخل المكوّنات
الاشتراك باستخدام $ للاشتراك التلقائي درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
البادئة $
ضع $ قبل اسم المخزن داخل المكوّن للاشتراك فيه تلقائيًا وقراءة قيمته.
<script>
import { count } from "./stores";
</script>
<p>{$count}</p>إلغاء الاشتراك تلقائيًا
تلغي Svelte الاشتراك تلقائيًا عند تدمير المكوّن. ولا تحدث تسريبات للذاكرة.
سحر وقت الترجمة
يعيد المترجم كتابة $count إلى الشيفرة اللازمة للاشتراك وإلغاء الاشتراك في وقت البناء.
الإسناد إلى $store
يمكنك أيضًا إجراء إسناد: $count = 5 هي صيغة مختصرة لـ count.set(5).
تحديث $store
تعمل عوامل مثل $count++، إذ تستدعي set بالقيمة الجديدة داخليًا.
خاص بالمكوّنات فقط
صيغة $ المختصرة صالحة داخل ملفات .svelte فقط. في ملفات .js العادية، استخدم get(store) أو subscribe.
داخل العبارات التفاعلية
قيم $store تفاعلية، لذا فهي تؤدي إلى تشغيل تعريفات $:.
$: doubled = $count * 2;داخل القالب
استخدم {$store} في أي موضع كنت ستدرج فيه متغيرًا عاديًا.
مخازن متعددة
اشترك تلقائيًا في العدد الذي تحتاج إليه من المخازن؛ إذ يُتتبَّع كل مخزن بشكل مستقل.
تجنّب الآثار الجانبية في $
الصيغة $ المختصرة مخصصة للقراءة والإسناد. لا تضع منطقًا معقدًا داخلها.
الأداء
تكلفة الاشتراك التلقائي لكل مكوّن تكاد لا تُذكر. استخدمه بحرية مع الحالة المشتركة.
تحقّق سريع
ماذا يفعل $count في مكوّن Svelte؟
مراجعة
تقرأ الصيغة $store المختصرة الاشتراكات وتكتبها وتنظفها تلقائيًا. استخدمها في كل موضع داخل ملفات .svelte.
الأسئلة الشائعة
هل درس «الاشتراك باستخدام $ للاشتراك التلقائي» مجاني؟
نعم — نص درس «الاشتراك باستخدام $ للاشتراك التلقائي» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «الاشتراك باستخدام $ للاشتراك التلقائي»؟
استخدم البادئة $ للاشتراك التلقائي في Stores وإلغاء الاشتراك منها تلقائيًا داخل المكوّنات تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.
كم من الوقت يستغرق درس «الاشتراك باستخدام $ للاشتراك التلقائي»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- إنشاء Store قابل للكتابة
- الاشتراك باستخدام $ للاشتراك التلقائي
- تحديث Stores: set() وupdate()
- Stores قابلة للقراءة ودوال بدء مخصصة