Modullarni import qilish

Import

Modullarni eksport yoki standart eksport deb nomlanishiga qarab ikki usulda import qilishingiz mumkin.

Nomlangan importlar jingalak qavslar yordamida yoziladi:

import { name, age } from "./person.js";

Standart eksport quyidagilar emas:

import message from "./message.js";

Nomlangan importlar

Nomlangan importlar moduldagi nomlangan eksportlarga mos keladi.

Ular moduldan bir yoki bir nechta aniq nomlangan o‘zgaruvchilar yoki funksiyalarni import qilish imkonini beradi.

Siz jingalak { } qavs ichiga olingan aniq nomlardan foydalanishingiz kerak:

Misollar

Person.js faylidan nomli eksport Nomi va yoshni import qiling:

import { name, age } from "./person.js";

O‘zingiz sinab ko‘ring »

Math.js faylidan qo‘shish, ayirish va PI nomidagi eksportlarni import qiling:

import { add, subtract, PI } from './math.js';

O‘zingiz sinab ko‘ring »

Nomlangan import qoidalari

Import names must match export names:

import { addd } from './math.js'; // ❌ Error (name mismatch)

Bir vaqtning o‘zida bir nechta narsalarni import qilishingiz mumkin:

import { add, PI } from './math.js';

Ularni as yordamida qayta nomlashingiz mumkin:

import { add as addition } from './math.js';

Standart import

Standart import - asosiy eksport qilingan qiymatni moduldan import qilish usuli - standart eksport yordamida eksport qilingan.

Standart import standart eksportga o‘xshashdir.

Import paytida jingalak qavslardan foydalanmasdan standart eksportga istalgan nom berishingiz mumkin:

Misollar

message.js faylidan standart eksportni import qiling:

import text from "./message.js";

O‘zingiz sinab ko‘ring »

import message from "./message.js";

O‘zingiz sinab ko‘ring »

Standart import qoidalari

Default import imports single default exports

import message from "./message.js";

Kerakli ism yo‘q. Nomini o‘zgartirishga ruxsat berilgan.

import text from "./message.js";

Standart + nomlangan import

Modul bitta asosiy funksiya va bir nechta yordamchi funksiyalarni taqdim etishi mumkin:

Modul fayli

export default function parse() { ... }

export function validate() { ... }
export function format() { ... }

Modul skripti

import parse, { validate, format } from './parser.js';

Hammasini import qilish

Siz * sintaksisi yordamida moduldan barcha nomlangan eksportlarni yagona obyekt sifatida import qilishingiz mumkin.

Misollar

// Import all named exports from person.js
import * as person from "./person.js";

O‘zingiz sinab ko‘ring »

// Import all named exports from math.js
import * as math from "./math.js";

O‘zingiz sinab ko‘ring »

Standart import va nomlangan import

Xususiyat	Standart import	Named Import
Odatiy qo‘llanilish holati	Har bir modulda bitta asosiy imkoniyat	Multiple features
Matches export name?	Yo‘q (o‘zingiz tanlaysiz)	Yes (must match)
Erkin qayta nomlash mumkinmi?	Always	Faqat as bilan
Export count	Faqat bitta standart eksportga ruxsat beriladi	Multiple exports allowed

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish