وحدة جافا سكربت
المodule (Modules)
يسمح لك JavaScript Module بتفكيك الكود إلى ملفات منفصلة.
هذا يجعل صيانة مكتبة الكود أسهل.
يتم استخدام import الاستدعاءات من ملفات خارجية يتم استيرادها من خلال
يعتمد المodule على type="module".
مثال
<script type="module"> import message from "./message.js"; </script>
التصدير
مزود بدالةأومتغيريمكن تخزين المodule في أي ملف خارجي.
يوجد نوعان من التصدير:التصدير المسمىوالتصدير الافتراضي.
التصدير المسمى (Named Exports)
لنقم بإنشاء ملف يسمى person.js، وملئه بالمحتوى الذي نريد تصديره.
يمكنك إنشاء التصدير المسمى بطرقين: إنشاء تدريجي، أو إنشاء مرة واحدة في نهاية الملف.
إنشاء تدريجي:
person.js
export const name = "Bill"; export const age = 19;
إنشاء مرة واحدة في نهاية الملف:
person.js
const name = "Bill";
const age = 19;
export {name, age};
التصدير الافتراضي (Default Exports)
لنقم بإنشاء ملف آخر يُدعى message.js، ونستخدمه لل演示 الافتراضي.
يمكن أن يكون هناك فقط توجيه افتراضي واحد في ملف.
مثال
message.js
const message = () => {
const name = "Bill";
const age = 19;
return name + ' is ' + age + 'years old.';
};
export default message;
استيراد
يمكنك استيراد المodule إلى ملف باستخدام إحدى الطريقتين، اعتمادًا على ما إذا كان الاسم المحدد أو الافتراضي.
الاسم المحدد يتم بناؤه باستخدام الأقواس الكبيرة. الافتراضي ليس كذلك.
استيراد الاسم
استيراد الاسم من ملف person.js:
import { name, age } from "./person.js";
استيراد الافتراضي
استيراد الافتراضي من ملف message.js:
import message from "./message.js";
ملاحظة
المodule ينطبق فقط على بروتوكولات HTTP(s).
لا يمكن استخدام الوصول إلى صفحات مفتوحة عبر بروتوكول file:// للدخول إلى الاستيراد/التصدير.
