Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про JavaScript: module, system, import, export

Как работает механизм импорта и экспорта функций между файлами?

Вопрос проверяет понимание модульной системы JavaScript и того, как код разделяется и переиспользуется между файлами.

Короткий ответ

Импорт и экспорт позволяют явно определять, какие части модуля доступны снаружи. Экспортируемые сущности объявляются в одном файле, а импортируются в другом. Связь между модулями создаётся на этапе загрузки, а не во время выполнения функций. Модули выполняются один раз и кэшируются. Это делает код предсказуемым и структурированным.

Длинный ответ

Модульная система JavaScript основана на явных зависимостях между файлами и строгих правилах их связывания.

Основные принципы работы модулей

  1. Явный экспорт
    Модуль сам определяет, какие функции или значения доступны извне.

export function sum(a: number, b: number) {
  return a + b
}
  1. Импорт по ссылке, а не копирование
    Импортируемая сущность — это ссылка на экспорт, а не его копия.

import { sum } from './math'
  1. Единоразовое выполнение модуля
    Каждый модуль выполняется только один раз, даже если импортируется в нескольких местах.

  2. Статический анализ
    Импорты и экспорты анализируются до выполнения кода, что позволяет:

    • делать tree shaking

    • выявлять циклические зависимости

Порядок выполнения

  • сначала загружаются зависимости

  • затем выполняется код модулей

  • после этого становятся доступны экспортируемые значения

Вывод

Импорт и экспорт формируют явные контракты между файлами и позволяют управлять зависимостями на уровне структуры приложения, а не во время выполнения.

Уровень

  • Рейтинг:

    5

  • Сложность:

    7

Навыки

  • JavaScript

    JavaScript

Ключевые слова

#module

#system

#import

#export

Подпишись на React Developer в телеграм