ماژولهاي جاوااسكريپت اين امكان را ميدهند، كه بتوان كدهاي برنامه را به فايلهاي مختلف تقسيم كرد .اين عمل حفاظت ومديريت بر كدها را آسانتر ميكند.
با دستورimport ميتوان امكانات فايلي را دردسترس كد برنامه نمود .ماژولها در تگ<script> باtype="module" شناسائي ميشوند.
نمونه ماژول مثال -
<script type="module"> import message from "./message.js"; </script >
ماژول ها با توابع يا متغيرها مي توانند در هر فايل خارجي ذخيره شوند .براي اين عمل دو نوع خروج وجود داردbdi> ، و Default Exports
اجازه دهيد فايلي با نامperson.js با چيزهاي كه ميخواهيم در آن قرار دهيم ايجاد كنيم.
ميتوان خروجي با نام را بدو روش برخط جداگانه(in-line individually) يا همه يك باره درپائين(All at once at the bottom) انجام داد .
فايلperson.js
در اين مثال دو دستور وجود دارد ، كه براي هركدام ازexport استفاده شده است . يعني هر دستور مستقلexport ميشود .
export const name = "Jesse"; export const age = 40;
در اين روش همه باهم با يك دستورexport ميشوند .
const name = "Jesse";
const age = 40;
export {name, age};
فايل ديگري با نامmessage.js وبراي نمايش خروجي پيش فرض استفاده مي نمائيم. براي يك فايل فقط يك خروجي پيش فرض(export default) ميتوان داشت .
مثال ـ فايلmessage.js
const message = () => {
const name = "Jesse";
const age = 40;
return name + ' is ' + age + 'years old.';
};
export default message;
براي وارد كردن فايلي بدو روش ميتوان اقدام نمود، از خروجي نام دار ويا از خروجي پيش فرض
import { name, age } from "./person.js";
import message from "./message.js";
توجه ـ ماژول ها فقط با پروتكلHTTP(s) كارميكنند .
صفحاتي كه از طريق پروتكلfile:// كارميشوند ، نمي توانند از export/import> استفاده نمايند.