ES6 မော်ဂျူးများကို တုံ့ပြန်ပါ။
မော်ဂျူးများ
JavaScript module များသည် သင့်ကုဒ်ကို သီးခြားဖိုင်များအဖြစ် ခွဲထုတ်နိုင်စေပါသည်။
၎င်းသည် ကုဒ်အခြေခံကို ထိန်းသိမ်းရန် ပိုမိုလွယ်ကူစေသည်။
import
ES Modules နှင့် export
ထုတ်ပြန်ချက်များ အပေါ် အားကိုးသည် ။
တင်ပို့ခြင်း။
သင်သည် မည်သည့်ဖိုင်မှ လုပ်ဆောင်ချက် သို့မဟုတ် ကိန်းရှင်ကို ထုတ်ယူနိုင်သည်။
person.js
အမည်ပေးထားသော ဖိုင်တစ်ခုကို ဖန်တီးပြီး ကျွန်ုပ်တို့ ထုတ်ယူလိုသည့် အရာများဖြင့် ၎င်းကို ဖြည့် ကြပါစို့ ။
ပို့ကုန် အမျိုးအစား နှစ်မျိုးရှိသည်- အမည်နှင့် ပုံသေ။
ပို့ကုန်ဟု အမည်ပေးထားသည်။
အမည်ပေးထားသော ပို့ကုန်များကို နည်းလမ်းနှစ်မျိုးဖြင့် ဖန်တီးနိုင်သည်။ လိုင်းတစ်ခုချင်း သို့မဟုတ် အောက်ခြေတွင် တစ်ကြိမ်တည်းဖြင့်။
လိုင်းတွင် တစ်ဦးချင်း-
person.js
export const name = "Jesse"
export const age = "40"
အောက်ခြေမှာ တပြိုင်နက်
person.js
const name = "Jesse"
const age = "40"
export { name, age }
လက်မှတ်ရယူပါ။
$95 စာရင်းသွင်းပါ။
ပုံသေ တင်ပို့မှုများ
message.js
ကျွန်ုပ်တို့သည် အခြားဖိုင်တစ်ခု ဖန်တီးကာ၊ အမည် ပေးကာ မူရင်းတင်ပို့မှုကို သရုပ်ပြရန်အတွက် ၎င်းကို အသုံးပြု ကြပါစို့ ။
သင်သည် ဖိုင်တစ်ခုတွင် ပုံသေထုတ်ယူမှုတစ်ခုသာ ရှိနိုင်သည်။
ဥပမာ
message.js
const message = () => {
const name = "Jesse";
const age = "40";
return name + ' is ' + age + 'years old.';
};
export default message;
သွင်းကုန်
မော်ဂျူးများကို ပို့ကုန်များ သို့မဟုတ် ပုံသေတင်ပို့မှုများဟု အမည်ပေးမည်ဆိုပါက အခြေခံ၍ ဖိုင်တစ်ခုသို့ မော်ဂျူးများကို နည်းလမ်းနှစ်မျိုးဖြင့် တင်သွင်းနိုင်သည်။
အမည်ပေးထားသော ပို့ကုန်များကို အကောက်ကောက်များကို အသုံးပြု၍ ပျက်စီးစေရမည်။ ပုံသေတင်ပို့မှု မပြုပါ။
အမည်ပေးထားသော ပို့ကုန်များမှ တင်သွင်းခြင်း။
ဖိုင် person.js မှ အမည်ပေးထားသော ပို့ကုန်များကို တင်သွင်းပါ-
import { name, age } from "./person.js";
မူရင်းတင်ပို့မှုမှ တင်သွင်းခြင်း။
message.js ဖိုင်မှ မူရင်းပို့ကုန်ကို တင်သွင်းပါ-
import message from "./message.js";