ماژول ها JavaScript

قبلی بعدی

ماژول ها

ماژول‌ ها (Modules) به شما امکان می‌ دهند که کد خود را به بخش‌ های کوچکتر تقسیم کنید.

این کار سبب می‌ شود که مدیریت کد شما آسان‌ تر شود.

ماژول ها با استفاده از دستور import وارد می شوند.

<script type="module">
    import square from './modulePath.js';
</script>

نکته: ماژول ها وابسته به ویژگی type="module" در تگ <script> هستند.

ماژول‌ هایی که حاوی توابع یا متغیرها هستند می‌ توانند در هر فایل خارجی‌ ای ذخیره شوند.

دو نوع صادرات وجود دارد:

بیایید یک فایل با نام modulePath.js بسازیم و در آن دو متغییر تعریف کنیم.

شما می توانید صادرات نامگذاری شده را به دو روش ایجاد کنید:

export const namedExport1 = "PNL";
export const namedExport2 = "dev";

const namedExport1 = "PNL";
const namedExport2 = "dev";

export { namedExport1, namedExport2 };

حال از همان فایل (modulePath.js) برای نمایش صادرات پیش فرض استفاده می کنیم.

در یک فایل تنها یک مورد را به عنوان صادرات پیش‌فرض می توان تعیین کرد.

function square(x) {
    return x * x;
}

export default square;

شما می توانید به دو روش ماژول ها را به یک فایل وارد کنید، این بستگی به نوع صادر کردن ماژول ها دارد.

import { namedExport1, namedExport2 } from './modulePath.js';

import square from './modulePath.js';

نکته: ماژول ها فقط با پروتکل(های) HTTP کار می کنند.
صفحه وب باز شده از طریق پروتکل file:// نمی تواند از import/export استفاده کند.

مشاهده پاسخ

قبلی بعدی

توسعه دهندگان

نیما عراقی