Uingizaji wa Kinetic wa Moduli za ES katika JavaScript

Moduli za ES zinaweza kuingizwa kwa njia ya kinetic. Uwezo huu wakati mwingine unaweza kuwa muhimu. Hebu tuangalie jinsi hii inafanyika. Tuchukulie tuna moduli ifuatayo:

export function func1() {
	return '1'
}
export function func2() {
	return '2'
}
export default function() {
	return 'text';
};

Tuchukulie tunataka kuingiza moduli hii sio mara moja, lakini kulingana na tukio fulani, kwa mfano, kubonyeza kitufe:

btn.addEventListener('click', function() {
	
});

Wacha tuingize moduli kwa kutumia amri import:

btn.addEventListener('click', function() {
	import('./test.js');
});

Amri import kwa matokeo yake inairudisha ahadi:

btn.addEventListener('click', function() {
	import('./test.js').then(mod => {
		
	});
});

Katika kutofautisha kiwambo kitaingia kitu na kazi zilizohamishwa:

btn.addEventListener('click', function() {
	import('./test.js').then(mod => {
		let res1 = mod.func1();
		let res2 = mod.func2();
		
		console.log(res1, res2);
	});
});

Kile kinachohamishwa kwa chaguomsingi, kitaweza kwenye ufunguo default:

btn.addEventListener('click', function() {
	import('./test.js').then(mod => {
		let dfn = mod.default;
		console.log(dfn);
	});
});

Inawezekana kutekeleza uharibifu wakati wa uingizaji:

btn.addEventListener('click', function() {
	import('./test.js').then(({func1, func2}) => {
		let res1 = func1();
		let res2 = func2();
		
		console.log(res1, res2);
	});
});

Tengeneza moduli inayohamisha safu ya majina ya siku za wiki. Kwa kubonyeza kitufe ingiza moduli hii na uonyeshe siku za wiki kwenye fomu ya orodha ul.