تحميل الوحدات بسمة module | الوحدات البرمجية Modules في JavaScript

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

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

لتفعيل نظام الوحدات في الصفحة، يُحمّل ملف البداية بالسمة <script type="module" src="./app.js"></script>. وتتميز وسوم type="module" بأربع خصائص تلقائية: تفعيل الوضع الصارم (Strict Mode) تلقائياً، وتأجيل التنفيذ حتى اكتمال بناء شجرة HTML مثل defer، وعزل متغيراتها عن الكائن العام window، وتوفير بيانات الوحدة عبر import.meta.url.

الصف 2 كود برمجي

HTML

<div id="mod-info"></div>
<script type="module">
  const apiToken = 'internal-only';
  const leakedToWindow = ('apiToken' in window);
  const hasMetaUrl = typeof import.meta.url === 'string';
  document.getElementById('mod-info').textContent =
    `Window leak: ${leakedToWindow} | meta: ${hasMetaUrl}`;
</script>

جرّب بنفسك

الصف 3 ملاحظة هامة

الصف 4 ملاحظة هامة

Loading Modules script type module تحميل الوحدات بسمة module

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

جميع فقرات هذا الدرس (الوحدات البرمجية Modules في JavaScript)