JavaScriptda import va export operatorlari qanday ishlaydi?

JavaScript'ta import va export operatorlari, modullar bilan ishlash uchun ishlatiladi, kodni mustaqil, qayta ishlatiladigan qismlarga bo‘lish va ular orasidagi bog‘liqliklarni boshqarish imkonini beradi.

export

export operatori, o‘zgaruvchilar, funksiyalar, sinflar yoki boshqa qiymatlarni moduldan eksport qilish uchun ishlatiladi. Eksport nomli yoki standart bo‘lishi mumkin.

Nomli eksport:

// module.js
export const myVariable = 10;
export function myFunction() { // ... }
export class MyClass { // ... }

Standart eksport: modulda faqat bitta standart eksport bo‘lishi mumkin.

// module.js
const defaultValue = 'default value';
export default defaultValue;

import

import operatori, boshqa modullardan eksport qilingan qiymatlarni import qilish uchun ishlatiladi.

Nomli import:

// another-module.js
import { myVariable, myFunction } from './module.js';

Boshqa nom bilan import qilish:

// another-module.js
import { myVariable as newVariableName } from './module.js';

Barcha nomlangan eksportlarni ob'ekt sifatida import qilish:

// another-module.js
import * as moduleAlias from './module.js';
// Kirish: moduleAlias.myVariable, moduleAlias.myFunction

Standart eksportni import qilish:

// another-module.js
import defaultValueName from './module.js';

Nomlangan eksport va standart eksportni bir vaqtning o‘zida import qilish:

// another-module.js
import defaultValueName, { myVariable, myFunction } from './module.js';

Ishlash prinsiplari:

1. Statik tahlil: JavaScript motorlari import va export operatorlarini kod bajarilishidan oldin tahlil qiladi va modullar o‘rtasida bog‘liqlik diagramini yaratadi.
2. "Jonli" bog‘lanishlar: Import qilingan o‘zgaruvchilar, eksport qiluvchi moduldagi qiymatlarning nusxalari emas. Ular, asl moduldagi o‘zgaruvchilarga "jonli" bog‘lanishlar (jonli havolalar) bo‘lib, agar eksport qiluvchi moduldagi o‘zgaruvchining qiymati o‘zgarsa, bu o‘zgarishlar import qilingan bog‘lanish orqali ko‘rinadi.
3. Yagona bajarilish: Har bir modulning kodi faqat bir marta, bu modul birinchi marta import qilinayotganda bajariladi. Eksport natijalari keshga olinadi va keyingi importlarda foydalaniladi.
4. Kontekstda foydalanish: Modullar o‘zining kontekstida bajariladi, global muhitdan ajralgan. Modulning asosiy qismida e'lon qilingan o‘zgaruvchilar, agar ular aniq eksport qilinmasa, global makonni ifloslamaydi.