ဂျက်တိုး စက်တင်

အစိတ်အပိုင်း (Modules)

JavaScript အစိတ်အပိုင်း ကို အကြောင်းအရာများ ကို တစ်ခုခုတည်း ဖြည့်စွက်နိုင်ပါသည်。

အကြောင်းအရာများ ကို သုံးစွဲရန် ပိုမိုလုပ်ငန်းများ ကို လုပ်ကိုင်နိုင်ပါသည်。

အစိတ်အပိုင်း ကို import အသုံးပြုခြင်း

အစိတ်အပိုင်း ကို <script> အချက်အလက်များ တွင် အစိုးရခြင်း ရှိပါသည်。 type="module".

实例

<script type="module">
import message from "./message.js";
</script>

ကိုယ်တိုင် ကြိုးစားလေ့လာ

သတ်မှတ်ခြင်း

အသုံးပြုခြင်းပြောင်းလဲမှုနှင့်အမှုန့်အစိတ်အပိုင်း ကို မည်သည့် အပြင်မှသို့ သတ်မှတ်နိုင်ပါသည်。

သတ်မှတ်ခြင်းများ နှစ်မျိုး ရှိပါသည်:အမည်ဖော်သတ်မှတ်ခြင်းနှင့်မျိုးစိတ်တူတူသတ်မှတ်ခြင်း.

အမည်ဖော်သတ်မှတ်ခြင်း (Named Exports)

ကျွန်တော်တို့သည် person.js အမည်ရှိ ဖိုင်တစ်ခုကို ဖွဲ့စည်းပြီး ကျွန်တော်တို့မှ ဖြည့်စွက်သင့်သည့် အကြောင်းအရာများ ကို ပြည့်စုံစွာ ဖွဲ့စည်းပါ။

အမည်ဖော်သတ်မှတ်ခြင်း (Named Exports) ကို နှစ်စင်း မူကြမ်း ဖွဲ့စည်းနိုင်ပါသည်။ တစ်ခုခုမှာ တစ်ခုချင်း အပြင်းအထန် ဖွဲ့စည်းခြင်း ဖြစ်ပြီး တစ်ခုခုမှာ ဖိုင်အောက်ပိုင်းတွင် တစ်ကြိမ်တည်းဖြင့် ဖွဲ့စည်းခြင်း ဖြစ်သည်။

တစ်ခုချင်း အပြင်းအထန် ဖွဲ့စည်းခြင်း:

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;

导入

您可以通过两种方式将模块导入到文件中，具体取决于它们是命名导出还是默认导出。

အမည်များ တက်သွင်း မှာ အကျယ်ပြီး အောက်ခံ ကိုက်ကာ ပြုလုပ်ထားပါ။ မူးယစ်ထုတ်ပြန် မှာ မပါဘူး။

အမည်များ တက်သွင်း

ဖြူတီဒီယာ person.js မှ အမည်များ တက်သွင်း

import { name, age } from "./person.js";

ကိုယ်တိုင် ကြိုးစားလေ့လာ

မူးယစ်ထုတ်ပြန် တက်သွင်း

ဖြူတီဒီယာ message.js မှ မူးယစ်ထုတ်ပြန် တက်သွင်း

import message from "./message.js";

ကိုယ်တိုင် ကြိုးစားလေ့လာ

အကြောင်းကြား

အခြေခံ သတင်းများ တက်သွင်း / တက်သွင်း မပြုနိုင်ပါ။

file:// ပြီးခဲ့သော ဝတ္ထု အွန်ဂတိ အခြေခံ သတင်းများ တက်သွင်း / တက်သွင်း မပြုနိုင်ပါ။