السياق المعرّف بالأنواع باستخدام TypeScript
أنشئ مفاتيح وقيم سياق معرّفة بالأنواع لكتابة أكثر أمانًا باستخدام TypeScript
السياق المعرّف بالأنواع باستخدام TypeScript درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
لماذا نكتب نوع السياق
يشكل السياق غير المعرّف النوع خطرًا وقت التشغيل. وتضمن الكتابة بالنوع توافق المستهلكين ومقدمي السياق.
تعريف مفتاح
أنشئ مفتاحًا فريدًا من نوع symbol ونوعًا Type للقيمة.
const themeKey: unique symbol = Symbol();
type Theme = { color: string };التعيين بنوع محدد
مرّر الرمز والقيمة المحددة النوع إلى setContext.
setContext<Theme>(themeKey, { color: "dark" });الحصول على قيمة محددة النوع
حدّد النوع عند استدعاء getContext.
const theme = getContext<Theme>(themeKey);الدوال المساعدة
غلّف set/get داخل دوال مساعدة صغيرة لفرض الأنواع في موضع واحد.
export function setTheme(t: Theme) { setContext(themeKey, t); }
export function getTheme(): Theme { return getContext(themeKey); }إعادة التصدير
صدّر الدوال المساعدة من وحدة حتى لا يتعامل المستهلكون مع المفاتيح مباشرةً.
فوائد أمان الأنواع
تصبح إعادة الهيكلة أكثر أمانًا، وتكمل بيئات التطوير شكل القيم تلقائيًا، وتُكتشف الأخطاء وقت الترجمة.
السياق الاختياري
أعد undefined أو اطرح خطأً واضحًا عند غياب السياق.
التغليف العام
بالنسبة إلى مكتبات المكوّنات المتعددة، يمكن للدوال العامة تغليف هذا النمط.
تجنّب المفاتيح النصية
قد تتصادم السلاسل النصية، أما الرموز فتضمن التفرد.
التكامل مع أدوات التطوير
استخدم ذلك مع lang="ts" في Svelte للحصول على دعم كامل من بيئة التطوير في جميع مكوّناتك.
تحقق سريع
أي نوع من المفاتيح يتجنب التصادمات؟
مراجعة
استخدم مفاتيح من نوع symbol، وعمليات setContext/getContext محددة الأنواع، ودوالًا مساعدة مغلّفة للحصول على سياق آمن ومريح ومحدد الأنواع.
الأسئلة الشائعة
هل درس «السياق المعرّف بالأنواع باستخدام TypeScript» مجاني؟
نعم — نص درس «السياق المعرّف بالأنواع باستخدام TypeScript» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «السياق المعرّف بالأنواع باستخدام TypeScript»؟
أنشئ مفاتيح وقيم سياق معرّفة بالأنواع لكتابة أكثر أمانًا باستخدام TypeScript تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.
كم من الوقت يستغرق درس «السياق المعرّف بالأنواع باستخدام TypeScript»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- setContext() وgetContext()
- السياق مقابل Stores: متى تستخدم كلًّا منهما
- السياق المعرّف بالأنواع باستخدام TypeScript
- السياق لحقن الاعتماديات