ES Modules'teki модулдар кандай иштейт?

ES Modules модулдору импорт жана экспорттун статикалык анализине негизделген. Браузер же ишке ашыруу чөйрөсү JavaScript файлдарын талдап, кодту ишке ашырганга чейин модулдар ортосундагы көзкарандылыктарды аныктайт жана көзкарандылык графигин түзөт.

Иштөө принциптери:

• Статикалык анализ: Импорт жана экспорттар кодду ишке ашырганга чейин аныкталган, бул жүктөөнү оптималдаштырууга жана каталарды эрте аныктоого мүмкүндүк берет.
• Бирдиктүү байланыштыруу: Ар бир импорт конкреттүү экспортко байланыштуу.
• Бир экземпляр: Модуль биринчи импорттоодо гана ишке ашырылат. Бардык кийинки импорттор ошол эле экземплярга шилтеме алат.

Модулдун жашоо цикли:

1. Куруу: Модулдун чыгуу коду талданат, импорт жана экспорт аныкталат. Модулдун оболчосу түзүлөт.
2. Жүктөө: Бардык импорттолгон модулдар жүктөлөт. Эгер көзкарандылык кэште жок болсо, тармакка же файл системасына суроо-талап болот.
3. Байланыш: Импорт жана экспорт байланыштырылат. Импорттолгон модулдардан келген өзгөрмөлөр жана функциялар колдонууга жеткиликтүү болот. Эгер импорт чечилбесе, ката чыгарыла турган болот.
4. Ишке ашыруу: Модулдун коду ишке ашырылат. Бардык экспорттолгон маанилер импорттоочу модулдар үчүн жеткиликтүү болот.

Үлгүлөр:

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

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

console.log(name); // Чыгуу: Alice
sayHello(); // Чыгуу: Hello, Alice!

CommonJS менен айырмачылыктар:

Өзгөчөлүк	ES Modules	CommonJS
Байланыш	Статикалык	Динамикалык
Жүктөө	Асинхрондуу (броузерде)	Синхрондуу (өзүнчө)
Экспорт	export ачкыч сөзү	module.exports
Импорт	import ачкыч сөзү	require функциясы
Колдонуу	Браузерде жана Node.js (сынакталган)	Node.js ичинде