السياق لحقن الاعتماديات
احقن الخدمات والإعدادات في المكوّنات الابنة عبر السياق
السياق لحقن الاعتماديات درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 4 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
نمط DI
يعني حقن التبعيات تزويد المكوّن بتبعياته، مثل الخدمات والإعدادات، بدلًا من السماح له بإنشائها.
فوائد DI
اختبار أسهل عبر استبدال المحاكيات، وإعداد أسهل عبر استبدال التطبيقات، وإعادة استخدام أسهل.
الحقن عبر السياق
يعيّن مكوّن تغليفي خدمةً في السياق، ثم تستهلكها المكوّنات التابعة.
setContext("apiClient", new ApiClient(apiUrl));الاستهلاك في المكوّن
تستدعي المكوّنات التابعة getContext لاسترداد الخدمة واستخدامها.
const api = getContext("apiClient");
async function load() { items = await api.list(); }إعداد الاختبار
غلّف المكوّن قيد الاختبار بمزوّد محاكاة يحقن بدائل وهمية.
الإعدادات
احقن أعلام الميزات، أو اختلافات البيئة، أو رموز السمة باستخدام الآلية نفسها.
تجنّب المتغيرات العامة
يصعب اختبار المتغيرات العامة وفهمها. ويحافظ حقن التبعيات المعتمد على السياق على وضوح التبعيات.
مكوّنات التزويد
أنشئ مكوّنات تغليف صغيرة بأسماء مثل ApiProvider لكل خدمة.
التركيب
كدّس عدة مكوّنات تزويد لتركيب جميع التبعيات التي يحتاج إليها قسم ما.
<ApiProvider>
<ThemeProvider>
<App />
</ThemeProvider>
</ApiProvider>TypeScript
يجعل السياق المحدد الأنواع الخدمات المحقونة موثقة ذاتيًا عبر الإكمال التلقائي في بيئة التطوير.
الاستخدام في العالم الحقيقي
عملاء المصادقة، ومفاتيح الميزات، والتحليلات، والتسجيل، وإدارة السمات — كلها مرشحات ممتازة لـ DI.
تحقق سريع
لماذا نستخدم DI عبر السياق؟
مراجعة
استخدم السياق لحقن الخدمات والإعدادات والتبعيات الأخرى في أشجار المكوّنات الفرعية، مما يسهّل الاختبار ويزيد المرونة.
تعلم HTML مع معلم ذكاء اصطناعي — مجانًا
اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.
- الدورات
- 41
- الدروس
- 163
الأسئلة الشائعة
هل درس «السياق لحقن الاعتماديات» مجاني؟
نعم — نص درس «السياق لحقن الاعتماديات» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «السياق لحقن الاعتماديات»؟
احقن الخدمات والإعدادات في المكوّنات الابنة عبر السياق تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 4 من أصل 4.
كم من الوقت يستغرق درس «السياق لحقن الاعتماديات»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- setContext() وgetContext()
- السياق مقابل Stores: متى تستخدم كلًّا منهما
- السياق المعرّف بالأنواع باستخدام TypeScript
- السياق لحقن الاعتماديات