جسٹاگرافک ماڈول
مодуلها (Modules)
مодуلهای JavaScript به شما اجازه میدهند که کد خود را به فایلهای جداگانهای تقسیم کنید.
این باعث میشود که نگهداری از کتابخانه کد آسانتر شود.
مодуل با import دیکتهها از فایلهای خارجی وارد میشوند.
مодуل به صورت مستقیم به صورت <script> برچسب وابسته است. type="module".
مثال
<script type="module"> ایمپورٹ ماسج از "./message.js"; </script>
دفعه
بافونکشنیامتغیرمодуل میتواند در هر فایل خارجی ذخیره شود.
دفعات دو نوع دارند:دفعات نامگذاری شدهودفعات پیشفرض.
دفعات نامگذاری شده (Named Exports)
اجازه دهید یک فایل به نام person.js ایجاد کنیم و محتوای مورد نظر خود را در آن قرار دهیم.
شما میتوانید به دو روش دفعات نامگذاری شده را ایجاد کنید. یکی از آنها ایجاد جداگانه و مستقیم است و دیگری ایجاد یکجا در انتهای فایل است.
به صورت جداگانه و مستقیم ایجاد میکنیم:
person.js
export const name = "Bill"; export const age = 19;
در انتهای یکجا ایجاد میکنیم:
person.js
کنسٹ نام = "بیل";
کنسٹ عمر = 19;
export {name, age};
دفعات پیشفرض (Default Exports)
آپ اور ایک نئی فائل بنائیں، نام اس کا message.js رکھیں، اور اس کا دفعی درآمد دکھائیں۔
ایک فائل میں صرف ایک دفعی درآمد ہونا چاہئیے۔
مثال
ماسج.js
کنسٹ ماسج = () => {
کنسٹ نام = "بیل";
کنسٹ عمر = 19;
راجع کریں: نام + ' is ' + عمر + 'years old.';
};
ایکسپورٹ دفعی ماسج;
درآمد
آپ میں فائل میں دو طریق سے ماڈول درآمد کرسکتے ہیں، وہ کہیں نام مندرج درآمد ہو یا دفعی درآمد ہو۔
نام مندرج درآمد بڑی کروشتیوں کے ذریعے بنائی جاتی ہیں، دفعی درآمد نہیں ہوتی ہیں۔
نام مندرج درآمد سے
فائل person.js سے نام مندرج درآمد:
ایمپورٹ {نام، عمر} از "./person.js";
اپنے طور پر درآمد سے
فائل message.js سے اپنے طور پر درآمد:
ایمپورٹ ماسج از "./message.js";
توجیہ
ماڈول صرف ایچٹیپی (s) پروٹوکول کے لئے قابل استفادہ ہوتا ہے。
فائل:// پروٹوکول کے ذریعے کھولے گئے ویب پیج میں امپورٹ / ایکسپورٹ استعمال نہیں کیاجاسکتا۔
