Kaip veikia moduliai ES Modules?

ES moduliai veikia remiantis statiniu importų ir exportų analize. Naršyklė arba vykdymo aplinka analizuoja JavaScript failus, nustato priklausomybes tarp modulių iki kodo vykdymo ir sukuria priklausomybių grafiką.

Darbo principai:

• Statinė analizė: Importai ir exportai nustatomi iki kodo vykdymo, tai leidžia optimizuoti įkėlimą ir anksti aptikti klaidas.
• Vienareikšmis susiejimas: Kiekvienas importas susiejamas su konkrečiu eksportu kito modulio.
• Vienas egzempliorius: Modulis vykdomas tik kartą pirmojo importo metu. Visi vėlesni importai gauna nuorodą į tą patį egzempliorių.

Modulio gyvavimo ciklas:

1. Konstravimas: Modulio šaltinio kodas analizuojamas, nustatomos importo ir eksporto reikšmės. Sukuriama modulio apvalkalo struktūra.
2. Įkėlimas: Įkelti visi importuojami moduliai. Jei priklausomybė nėra talpykloje, atliekamas užklausimas į tinklą arba failų sistemą.
3. Susiejimas: Susiejami importai ir eksportai. Importuojamų modulių kintamieji ir funkcijos tampa prieinami naudoti. Jei importas negali būti išspręstas, išmetama klaida.
4. Vykdymas: Vykdomas modulio kodas. Visi eksportuojami reikšmės tampa prieinamos importuojantiems moduliams.

Pavyzdžiai:

// moduleA.js
export const name = 'Alice';
export function sayHello() {
  console.log(`Hello, ${name}!`);
}

// moduleB.js
import { name, sayHello } from './moduleA.js';

console.log(name); // Išvestis: Alice
sayHello(); // Išvestis: Hello, Alice!

Skirtumai nuo CommonJS:

Savybė	ES moduliai	CommonJS
Susiejimas	Statinis	Dinaminis
Įkėlimas	Asinchroninis (naršyklėje)	Sinchroninis
Eksportas	export raktažodis	module.exports
Importas	import raktažodis	require funkcija
Naudojimas	Naršyklėje ir Node.js (eksperimentinis)	Node.js