Skip to content

Modulni Import qilish (Import)

import kalit so'zi boshqa modullar tomonidan eksport qilingan qiymatlarni joriy faylga chaqirib olish uchun ishlatiladi.


Import usullari

Import qilish usuli eksport qilingan qiymat turiga (Named yoki Default) bog'liq:

  • Named imports — jingalak qavslar { } ichida yoziladi.
  • Default imports — qavslarsiz, erkin nom bilan yoziladi.

Nomlangan Importlar (Named Imports)

Agar siz moduldan ma'lum bir nomlangan elementlarni olmoqchi bo'lsangiz, ularning nomini aniq ko'rsatishingiz kerak.

Misol:

js
import { name, age } from './person.js'
import { add, PI } from './math.js'

Xatolikdan qoching

Nomlangan importda element nomi eksport qilingan nom bilan bir xil bo'lishi shart. Agar add o'rniga addd deb yozsangiz, xato yuz beradi.


Standart Import (Default Import)

Standart eksport qilingan qiymatni import qilishda siz jingalak qavslardan foydalanmaysiz va o'zingizga qulay istalgan nomni berishingiz mumkin.

Misol:

js
// message.js (export default qilingan)
import message from './message.js'
import text from './message.js' // Ikkalasi ham ishlaydi

Import qilishda nomni o'zgartirish (Alias)

Agar import qilinayotgan nom joriy fayldagi boshqa nom bilan to'qnashib qolsa, as kalit so'zi bilan unga yangi nom berish mumkin.

js
import { add as addition } from './math.js'
console.log(addition(2, 3))

Hammasini birda import qilish (*)

Ba'zan modul ichidagi barcha eksportlarni bitta obyekt sifatida olish qulay bo'ladi. Buning uchun * as sintaksisidan foydalaniladi.

js
import * as MathUtils from './math.js'

console.log(MathUtils.PI)
console.log(MathUtils.add(5, 5))

Farqlar jadvali

XususiyatDefault ImportNamed Import
Sintaksisimport x from "..."import { x } from "..."
Nom mosligiShart emas (erkin nom)Majburiy
Qayta nomlashShunchaki boshqa nom yozishas orqali
Eksport soniFaylda faqat 1 taFaylda cheksiz

Dinamik Import

Ba'zida modullarni sahifa yuklanganda emas, balki ma'lum bir hodisa (masalan, tugma bosilganda) sodir bo'lganda yuklash kerak bo'ladi. Bunda Dinamik Import ishlatiladi. Batafsil o'rganish »