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

Question

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

YeaHub · Accepted Answer

Модульная система JavaScript основана на явных зависимостях между файлами и строгих правилах их связывания.Основные принципы работы модулейЯвный экспортМодуль сам определяет, какие функции или значения доступны извне.export function sum(a: number, b: number) {
  return a + b
}
Импорт по ссылке, а не копированиеИмпортируемая сущность — это ссылка на экспорт, а не его копия.import { sum } from './math'
Единоразовое выполнение модуляКаждый модуль выполняется только один раз, даже если импортируется в нескольких местах.Статический анализИмпорты и экспорты анализируются до выполнения кода, что позволяет:делать tree shakingвыявлять циклические зависимостиПорядок выполнениясначала загружаются зависимостизатем выполняется код модулейпосле этого становятся доступны экспортируемые значенияВыводИмпорт и экспорт формируют явные контракты между файлами и позволяют управлять зависимостями на уровне структуры приложения, а не во время выполнения.