JavaScript တွင် CommonJS မော်ဒျူများကို ES သို့ ပြောင်းလဲခြင်း

ယနေ့ထက်တိုင် မတူညီသော စာရွက်စာတမ်းများတွင် CommonJS မော်ဒျူများ၏ စတိုင်လ်ဖြင့် သွင်းကုန်များကို မြင်တွေ့နိုင်ပါသည်။ ထိုသွင်းကုန်များကို စံနှုန်းကျ ES မော်ဒျူများအဖြစ် ပြောင်းလဲနည်းကို သင် သင်ယူဖို့လိုအပ်ပါသည်။

CommonJS တွင် သွင်းကုန်များကို require ဟူသော command ကိုသုံး၍ လုပ်ဆောင်ပါသည်၊ ၎င်း၏ parameter အဖြစ် မော်ဒျူလမ်းကြောင်းကို သတ်မှတ်ပေးရပါသည်။ Command ၏ ရလဒ်ကို variable တစ်ခုအတွင်း ရေးသားထားပါသည်။

let math = require('./math');

ဤကုဒ်ကို ES စတိုင်လ်သို့ ပြန်ရေးကြပါစို့။ အစတွင် သတိပြုရမည်မှာ CommonJS တွင် ဖိုင်များအတွက် .js ချဲ့ထွင်မှုကို မထည့်သွင်းပါ၊ သို့သော် ES တွင် ထည့်သွင်းပါသည်။

ထို့နောက် ၎င်းသည် မော်ဒျူမှ default export ဖြစ်မဖြစ် သို့မဟုတ် သာမန် export ဖြစ်မဖြစ်အပေါ် မူတည်ပါသည်။ CommonJS တွင် ခြားနားချက်မရှိပါ၊ သို့သော် ES မော်ဒျူများတွင် ရှိပါသည်။ ယေဘူယျအားဖြင့် ခြားနားချက်ကို ကုဒ်နမူနာများဖြင့် မြင်နိုင်သည်၊ သို့မဟုတ် သွင်းကုန်ပုံစံနှစ်မျိုးလုံးကို စမ်းကြည့်နိုင်သည်။

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

import math from './math.js';

သို့မဟုတ် ဤပုံစံဖြင့် ဖြစ်မည်။

import * as math from './math.js';

အောက်ပါကုဒ်ကို ES မော်ဒျူများ၏ စတိုင်လ်ဖြင့် ပြန်ရေးပါ။

let {square, cube} = require('./math');

အောက်ပါကုဒ်ကို ES မော်ဒျူများ၏ စတိုင်လ်ဖြင့် ပြန်ရေးပါ။

let math = require('./math');
let res  = math.square(2) + math.cube(3);

အောက်ပါကုဒ်ကို ES မော်ဒျူများ၏ စတိုင်လ်ဖြင့် ပြန်ရေးပါ။

let sum = require('./sum');
let res = sum([1, 2, 3]);