Сколько раз вызовется console.log(1) при импорте его как модуля в нескольких местах?

Многократный импорт и выполнение модуля в JavaScript

При импорте модуля, содержащего console.log(1) в нескольких местах, ключевым фактором является поведение модульной системы JavaScript и механизм evaluation (выполнения) модуля.

Основной принцип: модуль выполняется только один раз

В современных модульных системах (ES Modules в браузерах и Node.js, CommonJS в Node.js с определёнными условиями) код модуля выполняется только один раз при первом импорте. После этого модуль считается "загруженным" и его экспортированные значения доступны всем последующим импортерам, но сам код модуля не выполняется повторно.

Пример с ES Modules (браузер/Node.js)

Рассмотрим модуль logger.js:

// logger.js
console.log(1);
export const message = 'Hello';

Если мы импортируем его в нескольких файлах:

// fileA.js
import { message } from './logger.js';
console.log('File A loaded');

// fileB.js
import { message } from './logger.js';
console.log('File B loaded');

// main.js
import './fileA.js';
import './fileB.js';

При запуске main.js:

• Модуль logger.js выполняется один раз при первом импорте (из fileA.js)
• console.log(1) выводится один раз
• При импорте из fileB.js используется уже загруженный модуль, код не выполняется повторно

Исключения и особые случаи

1. Динамический импорт (import())

Динамический импорт каждый раз создаёт новую инстанцию модуля? Нет. Система модулей всё равно обеспечивает однократное выполнение:

// Динамические импорты
await import('./logger.js');
await import('./logger.js'); // console.log(1) не выполнится повторно

2. Циклические зависимости

Циклические зависимости могут привести к сложному порядку выполнения, но модуль всё равно выполняется однократно. Однако порядок выполнения может быть неожиданным.

3. Разные пути импорта (символические ссылки)

Если модуль импортируется по разным абсолютным путям, система может считать их разными модулями:

import './logger.js';
import '/project/src/logger.js'; // Если это один файл, но путь другой

В этом случае модуль может выполниться дважды, если система разрешения модулей считает пути разными. Но при использовании относительных путей или правильных настроек резолвинга — однократно.

4. CommonJS в Node.js

В Node.js с CommonJS модуль также выполняется однократно благодаря кэшированию модулей:

// logger.cjs
console.log(1);
module.exports = {};

// В нескольких файлах:
require('./logger.cjs');
require('./logger.cjs'); // Не выполнится повторно

Практическая проверка

Вы можете проверить это самостоятельно:

// testModule.js
console.log(1);
let counter = 0;
export { counter };

// test1.js
import './testModule.js';

// test2.js
import './testModule.js';

// Запуск
import './test1.js';
import './test2.js';

Результат: console.log(1) выведется один раз.

Почему это важно?

• Эффективность: предотвращает повторное выполнение дорогостоящих операций
• Согласованность состояния: если модуль инициализирует состояние, оно будет единым для всех импортеров
• Избегание побочных эффектов: повторное выполнение могло бы вызывать нежелательные побочные эффекты (например, несколько подключений к базе данных)

Ответ на вопрос

Итак, console.log(1) при импорте модуля в нескольких местах выполнится ОДИН РАЗ, независимо от количества импортов, если:

1. Используется стандартная модульная система (ES Modules или CommonJS)
2. Модуль импортируется по тому же пути (система резолвинга идентифицирует его как тот же модуль)
3. Нет специальных настроек, нарушающих стандартное поведение кэширования модулей

Это фундаментальное свойство модульных систем JavaScript, обеспечивающее эффективность и согласованность в приложениях.