معلمات الإجراءات وتحديثاتها
مرّر المعلمات إلى الإجراءات واستجب لتغيّرها باستخدام طريقة update
معلمات الإجراءات وتحديثاتها درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
إجراءات ذات معاملات
يمكن للإجراءات قبول وسيط ثانٍ، وهو المعاملات القادمة من المستهلك.
function tooltip(node, text) {
// ...
}التطبيق باستخدام معاملات
مرّر القيمة باستخدام الأقواس المعقوفة بعد النقطتين.
<button use:tooltip={"Save document"}>Save</button>المعاملات التفاعلية
إذا تغيرت المعاملات، تُشغّل طريقة update في الإجراء.
return {
update(newText) { /* react to change */ },
destroy() { /* cleanup */ }
};الكائن المُعاد
يمكن للإجراء إعادة كائن يتضمن update وdestroy للتحكم الكامل في دورة الحياة.
مثال على النمط
إجراء تلميح أداة يتحدث نصه تفاعليًا أثناء كتابة المستخدم في حقل.
المعاملات المعقدة
مرّر كائنات لتمرير خيارات متعددة.
<div use:popper={{ placement: "top", offset: 8 }}>المعاملات الافتراضية
تعامل مع undefined بسلاسة داخل الإجراء.
function tip(node, params = {}) { ... }أنواع TypeScript
حدّد شكل المعامل باستخدام النوع العام Action لضمان استخدام آمن من جانب المستهلك.
الهوية المستقرة
تجنّب تمرير كائنات مضمّنة تتغير في كل عملية عرض، فقد تفرض تحديثات غير ضرورية.
ترتيب دورة الحياة
يعمل الإجراء عند التثبيت، وتعمل update عند تغير المعاملات، وتعمل destroy عند إلغاء التثبيت.
تجنّب التحديثات المكلفة
اجعل منطق update فعالًا، فقد يعمل مرات كثيرة.
تحقق سريع
كيف تستجيب لتغير المعاملات داخل إجراء؟
مراجعة
تقبل الإجراءات معاملات، ويمكنها إعادة معالجات update/destroy للاستجابة للتغييرات وإجراء التنظيف.
تعلم HTML مع معلم ذكاء اصطناعي — مجانًا
اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.
- الدورات
- 41
- الدروس
- 163
الأسئلة الشائعة
هل درس «معلمات الإجراءات وتحديثاتها» مجاني؟
نعم — نص درس «معلمات الإجراءات وتحديثاتها» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «معلمات الإجراءات وتحديثاتها»؟
مرّر المعلمات إلى الإجراءات واستجب لتغيّرها باستخدام طريقة update تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.
كم من الوقت يستغرق درس «معلمات الإجراءات وتحديثاتها»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- صيغة توجيه use:
- معلمات الإجراءات وتحديثاتها
- دالة التنظيف destroy()
- إجراءات عملية: clickOutside وtooltip وautofocus