انتقل إلى محتوى الدرس

Dynamic Import on Demand Preview التحميل الديناميكي بالدالة import

نظّم مشاريع JavaScript باحتراف عبر الوحدات القياسية ES Modules وعزل النطاقات والتصدير والاستيراد المسمى والافتراضي والسمة type="module" والتحميل عند الطلب.
3 صفوف تعليمية
جافا سكريبت
7 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تُكتب عبارات import الثابتة في أعلى الملف وتُحمَّل مسبقاً عند بدء التشغيل. أما عندما يضم تطبيقك ميزة ثقيلة كمحرك رسوم بيانية لا يفتحه إلا بعض الزوار، فيمكنك استدعاء التعبير الوظيفي import("./chart-engine.js") داخل مستمع نقرة الزر لتحميل الوحدة عند الطلب فقط وتسريع فتح الصفحة الأولي.

ونظراً لأن التحميل الديناميكي عبر الشبكة يتم بصورة غير متزامنة، ستتعلم ربطه عملياً خطوة بخطوة في الفصل السادس عشر المخصص للبرمجة غير المتزامنة.

الصف 2 ملاحظة هامة
الصف 3 ملاحظة هامة
خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

مراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي

ماذا تعلّمت في هذا الدرس؟

أتقنت في هذا الدرس عزل النطاقات عبر وحدات ES Modules، والتصدير والاستيراد المسمى وإعادة التسمية بـ as، والتصدير الافتراضي export default، وتشغيل الوحدات عبر <script type="module">، وفكرة التحميل عند الطلب عبر import(). الخطوة التالية: انتقل إلى الفصل الرابع عشر ودرس «الأنماط المتقدمة لتعريف الكائنات» لدراسة أنماط الإنشاء الأربعة والدمج والقواميس النقية والنسخ العميق.