JavaScriptda ES modullarini dinamik import qilish
ES modullarini dinamik ravishda import qilish mumkin. Bu imkoniyat ba'zida foydali bo'ladi. Keling, buni qanday qilinishini ko'rib chiqaylik. Quyidagi modulimiz bor deb faraz qilaylik:
export function func1() {
return '1'
}
export function func2() {
return '2'
}
export default function() {
return 'text';
};
Faraz qilaylik, biz ushbu modulni darhol emas, balki ma'lum bir hodisaga asosan, masalan, tugmacha bosilganda import qilmoqchimiz:
btn.addEventListener('click', function() {
});
Modulni import buyrug'i yordamida
import qilamiz:
btn.addEventListener('click', function() {
import('./test.js');
});
import buyrug'i natijasida
promis qaytaradi:
btn.addEventListener('click', function() {
import('./test.js').then(mod => {
});
});
Callback funksiyasining o'zgaruvchisiga eksport qilingan funksiyalar bilan ob'ekt tushadi:
btn.addEventListener('click', function() {
import('./test.js').then(mod => {
let res1 = mod.func1();
let res2 = mod.func2();
console.log(res1, res2);
});
});
Standart sifatida eksport qilingan narsa
default kalitida bo'ladi:
btn.addEventListener('click', function() {
import('./test.js').then(mod => {
let dfn = mod.default;
console.log(dfn);
});
});
Import paytida destrukturalizatsiyani bajarish mumkin:
btn.addEventListener('click', function() {
import('./test.js').then(({func1, func2}) => {
let res1 = func1();
let res2 = func2();
console.log(res1, res2);
});
});
Hafta kunlari nomlarini eksport qiluvchi modul yarating.
Tugmacha bosilganda ushbu modulni import qiling va
hafta kunlarini ul ro'yxati shaklida chiqaring.
