شرح المفهوم
أساسيات وقت تشغيل JavaScript: نقطة تفتيش البنية" هي وقفة للنظر في الهيكل، وليس فقط المخرجات. أنت تعرف بالفعل كيفية تشغيل الكود. هنا، السؤال هو كيفية ترتيبه بحيث يكون لكل جزء وظيفة واضحة. يستخدم هذا الدرس مثالاً لوحدة صغيرة لإظهار كيف يمكن لمنطق التنسيق أن يعيش في مكان واحد ويُعاد استخدامه في أماكن أخرى. ستتدرب على فصل الاهتمامات، وتسمية الحدود بوضوح، والتحقق من أن ملفًا واحدًا لا يحتاج إلى معرفة الكثير عن ملف آخر. الهدف هو مساعدتك على رؤية البنية كقرارات صغيرة حول المسؤولية، وليس شيئًا مخصصًا للتطبيقات الضخمة.
أين تضع الكود
- ابدأ بالمتغيرات والمدخلات. استخدم بناء جملة المتصفح أو Node.js بوضوح.
- أضف منطق المعالجة في القسم الأوسط.
- اختتم بالمخرجات والتحقق السريع.
مرجع الأوامر
- حدد أي جزء من المثال مسؤول عن التنسيق وأي جزء مسؤول عن العرض.
- انقل أي مسؤولية مختلطة إلى الدالة أو الوحدة الأكثر ملاءمة.
- اشرح لماذا إعادة استخدام منسّق من ملف آخر أنظف من إعادة بناء نفس المنطق بشكل مضمن.
- اختبر الوحدة بقيمة ثانية لتتأكد من أن الحد قابل لإعادة الاستخدام بالفعل.
دليل خطوة بخطوة
- شغّل المثال وتأكد من أن كلا السعرين يستخدمان نفس قاعدة التنسيق.
- صنّف الكود حسب المسؤولية: مساعد مستورد، منطق عرض محلي، ومخرج نهائي.
- غيّر تفصيلاً واحدًا في طبقة العرض دون لمس مساعد التنسيق.
- ثم غيّر قاعدة تنسيق واحدة ولاحظ كيف تستفيد كلتا المخرجات من الوحدة المشتركة.
- اختتم بتلخيص مسؤولية كل ملف أو دالة وسبب فائدة هذا التقسيم.
تمارين تطبيقية
- أنشئ وحدة مساعدة ثانية لمهمة ذات صلة، مثل تنسيق النسب المئوية أو التواريخ، وحافظ على نظافة الملف الرئيسي.
- أعد هيكلة مثال تنسيق مضمن بحيث تعيش القاعدة القابلة لإعادة الاستخدام في وحدة منفصلة.
- أضف قيمة مطبوعة أخرى وحافظ على سهولة مسح الهيكل.
تحديات برمجية
- خذ سكربتًا قصيرًا يخلط بين التنسيق ومعالجة البيانات والمخرجات، وقسّمه إلى أجزاء أنظف.
- صمم إعداد وحدة صغيرة حيث يمكن إعادة استخدام مساعد واحد في دالتين عرض مختلفتين على الأقل.
مهام تمرين صغيرة
- أعد تسمية دالة واحدة لتتناسب مع مسؤوليتها بشكل أوضح.
- أضف استدعاء مثال آخر.
- اكتب جملة واحدة تشرح لماذا هذا الهيكل أسهل في التوسع.
خطأ شائع
Skipping input validation or mixing logic/output in one unstructured block.
تحدٍ مصغّر من الواقع
Build a small real-life example for this lesson topic using 3 clear steps: input, process, output.