Modulni Eksport qilish (Export)

export kalit so'zi modul ichidagi qiymatlarni (funksiyalar, o'zgaruvchilar, klasslar) boshqa fayllar bilan ulashish uchun ishlatiladi.

---

Eksport turlari

JavaScript-da ikki xil eksport mavjud:

1. Named Exports (Nomlangan eksportlar) — bitta faylda bir nechta bo'lishi mumkin.
2. Default Export (Standart eksport) — bitta faylda faqat bitta bo'lishi mumkin. :::

---

Nomlangan Eksportlar (Named Exports)

Nomlangan eksportda har bir element o'z nomiga ega bo'ladi. Siz ularni alohida-alohida yoki fayl oxirida guruhlab eksport qilishingiz mumkin.

1-usul: Alohida eksport qilish

export const name = 'Jesse'
export const age = 40
export function sayHello() {
  return 'Salom!'
}

2-usul: Guruhlab eksport qilish

const name = 'Jesse'
const age = 40

export { name, age }

---

Standart Eksport (Default Export)

export default modulning asosiy qiymatini eksport qilish uchun ishlatiladi. Bu ko'pincha bitta faylda bitta asosiy funksiya yoki klass bo'lganda qo'llaniladi.

Misol:

// message.js
const message = () => {
  return 'Bu standart xabar'
}

export default message

Diqqat

Bitta faylda (modulda) faqat bitta export default bo'lishi mumkin.

---

Qaysi birini tanlash kerak?

Holat	Tavsiya	Sababi
Ko'p yordamchi funksiyalar	Named Export	Barcha funksiyalarni aniq nomlar bilan ko'rsatadi.
Bitta asosiy klass yoki komponent	Default Export	Import qilishda qulay va qisqa sintaksis beradi.
Modul ichida hammasi aralash	Ikkalasini ham	Bir vaqtda bitta default va bir nechta named export ishlatish mumkin.

---

Tree-Shaking haqida

Nomlangan eksportlar zamonaviy "bundler"lar (Vite, Webpack)ga foydalanilmayotgan kodlarni o'chirib tashlashga yordam beradi. Bu jarayon Tree-Shaking deb ataladi. Agar siz moduldan faqat bitta funksiyani import qilsangiz, qolganlari yakuniy faylga qo'shilmaydi va loyiha hajmi kichikroq bo'ladi.

---

Nomlanish tartibi

Nomlangan eksportda import qilayotganingizda nomlar aniq mos kelishi shart. Standart (default) eksportda esa istalgan nomdan foydalanishingiz mumkin.