ES6 modullar

Modullar

JavaScript modullari kodingizni alohida fayllarga ajratish imkonini beradi.

Bu kod bazasini saqlashni osonlashtiradi.

ES modullari import va export operatorlariga tayanadi.

Har qanday fayldan funksiya yoki o‘zgaruvchini eksport qilishingiz mumkin.

Keling, person.js nomli fayl yaratamiz va uni eksport qilmoqchi bo‘lgan narsalar bilan to‘ldiramiz.

Eksportning ikki turi mavjud: Nomlangan va Standart.

Nomlangan eksportlarni ikki yo‘l bilan yaratishingiz mumkin:

In-line sifatida:

export const name = "Tobias"
export const age = 18

Hammasi bir vaqtning o‘zida pastki qismida:

const name = "Tobias"
const age = 18

export { name, age }

Keling, message.js nomli boshqa fayl yarataylik va undan standart eksportni namoyish qilish uchun foydalanaylik.

Siz faylda faqat bitta standart eksport qilishingiz mumkin.

Yangi yaratilgan faylga quyidagi kodni kiriting:

const message = () => {
  const name = "Tobias";
  const age = 18;
  return name + ' is ' + age + 'years old.';
};

export default message;

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

Nomlangan eksport jingalak qavslar yordamida tuzatilishi kerak. Standart eksportlar bajarilmaydi.

person.js faylidan nomli eksportlarni import qiling:

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

message.js faylidan standart eksportni import qiling:

import message from "./message.js";

Yutuqlaringizni kuzating – bu bepul!