التصريحات التفاعلية: كتلة $:
شغّل شيفرة الآثار الجانبية الأمرية كلما تغيّرت تبعياتها التفاعلية
التصريحات التفاعلية: كتلة $: درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
التسمية $:
تنفّذ التسمية التفاعلية عبارتها كلما تغيرت تبعياتها.
$: doubled = count * 2;العبارات مقابل التصريحات
يمكن أن تكون تعيينًا بسيطًا، أو استدعاء دالة، أو كتلة.
صيغة الكتلة
غلّف عدة عبارات داخل {} لإنشاء كتل ذات آثار جانبية.
$: {
console.log(count);
localStorage.setItem("count", count);
}الآثار الجانبية الشرطية
ادمجها مع if لتنفيذ إجراءات محمية بشرط.
$: if (count > 10) showAlert();عبارات تفاعلية متعددة
صرّح بالعدد الذي تريده؛ إذ يرتبها Svelte وفقًا للتبعيات.
على المستوى الأعلى فقط
يجب أن تكون التسمية في المستوى الأعلى من script. أما التسميات المتداخلة فهي أخطاء نحوية.
لا تبعيات يدوية
يستنتج Svelte التبعيات إحصائيًا من المراجع الموجودة في الجانب الأيمن.
العمل المكثف
تجنب العمليات الحسابية المكلفة في العبارات التفاعلية. فهي تُعاد كثيرًا.
الاقتران بالمخازن
تعمل العبارات التفاعلية بسلاسة مع قيم $store أيضًا.
ترتيب التقييم
ترتّب Svelte العبارات ترتيبًا طوبولوجيًا، بحيث يمكن للعبارات اللاحقة الاعتماد بأمان على العبارات السابقة.
ما يعادل useEffect
اعتبر $: تأثيرًا يتتبع التبعيات، ولكن بصياغة أوضح.
تحقق سريع
هل يمكنك استخدام $: داخل دالة؟
مراجعة
تعلن $: عن عبارات تفاعلية في المستوى الأعلى. استخدم الكتل للتأثيرات الجانبية والشروط.
الأسئلة الشائعة
هل درس «التصريحات التفاعلية: كتلة $:» مجاني؟
نعم — نص درس «التصريحات التفاعلية: كتلة $:» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «التصريحات التفاعلية: كتلة $:»؟
شغّل شيفرة الآثار الجانبية الأمرية كلما تغيّرت تبعياتها التفاعلية تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.
كم من الوقت يستغرق درس «التصريحات التفاعلية: كتلة $:»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- التصريحات التفاعلية: كتلة $:
- التبعيات التفاعلية وترتيب التنفيذ
- متى تستخدم Stores بدل الحالة المحلية
- تجنّب الإغلاقات القديمة