ترجمه‌ی ماژول‌ها در JavaScript
مودول‌ها (Modules)
مودول‌های JavaScript به شما اجازه می‌دهند که کد خود را به فایل‌های جداگانه‌ای تقسیم کنید.
این باعث می‌شود که نگهداری از کتابخانه کد آسان‌تر شود.
مودول‌ها با استفاده از ورود دو خط از خارج از فایل‌ها وارد می‌شوند.
مودول‌ها به عبارت دیگر به تگ <script> وابسته هستند. type="module".
مثال
<script type="module"> import message from "./message.js"; </script>
صادرات
باتوابعیامتغیرپس از ایجاد این مودول می‌تواند در هر فایل خارجی ذخیره شود.
صادرات دو نوع دارد:صادرات نام‌گذاری شدهوصادرات پیش‌فرض.
صادرات نام‌گذاری شده (Named Exports)
بیایید یک فایل به نام person.js ایجاد کنیم و محتوای مورد نظر خود را در آن قرار دهیم.
شما می‌توانید به دو روش صادرات نام‌گذاری شده ایجاد کنید. یکی از آنها ایجاد به صورت جداگانه به صورت مستقیم است و دیگری ایجاد یکجا در انتهای فایل است.
به صورت جداگانه به صورت مستقیم ایجاد می‌کنیم:
person.js
صادرات const name = "Bill"; صادرات const age = 19;
در انتهای یکجا ایجاد می‌کنیم:
person.js
const name = "Bill";
const age = 19;
صادرات {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;
ورود
شما می‌توانید مودول را به دو روش به فایل وارد کنید، بسته به اینکه آنها صادر کردن نام‌گذاری یا پیش‌فرض هستند یا خیر.
صادر کردن نام‌گذاری با استفاده از قفصه‌ها ساخته می‌شود. صادر کردن پیش‌فرض نیست.
صادر کردن نام‌گذاری از
صادر کردن نام‌گذاری از فایل person.js:
import { name, age } from "./person.js";
صادر کردن پیش‌فرض از
صادر کردن پیش‌فرض از فایل message.js:
import message from "./message.js";
توجه
مодуل‌ها تنها برای پروتکل HTTP(s) مناسب هستند.
صفحاتی که از پروتکل file:// باز می‌شوند نمی‌توانند از وارد/صادر استفاده کنند.
