Как можно импортировать модуль es6?

Question

У меня есть модуль под названием fooModule. Внутри этого модуля, я импортировать fooModule (сам):

import * as fooModule from './fooModule'; 

export function logFoo() { 
    console.log(fooModule) 
} 

Когда logFoo() называется, я могу видеть все экспорта в fooModule. Как это работает?

Answer 1

Циркулярные зависимости не являются проблемой для декларативных импорта/экспорта. В вашем случае, круг минимальной длины, хотя :-)

Решение состоит в том, что import не импортирует значения в переменную, но это делает переменная а ссылка к экспортируемой переменной. Посмотрите here на пример изменчивой переменной и на this question для точной терминологии.
И это одинаково для объектов пространства имен модулей - их свойства - это просто геттеры, которые разрешают фактическую экспортированную переменную.

Поэтому, когда ваш модуль будет загружен и оценены, выполняются следующие шаги:

1. Источник статически анализировали на export и import деклараций построить график зависимостей
2. создается Объем модуля
3. Так как единственная зависимость вашего модуля сама по себе и что уже инициализируется, ее не нужно ждать
4. Переменная fooModule создается и создается на основе объект с экспортированными именами модуля, которые, как известно, ["logFoo"]. Свойство fooModule.logFoo становится геттером, который будет оценивать переменную logFoo в области видимости модуля (если вы использовали export {A as B}, то fooModule.B разрешится до A, но в вашем случае оба иена будут совпадать).
5. переменных декларации в рамках модуля создание переменного, в вашем случае logFoo и объявление функций инициализируются (т.е. logFoo получает назначение функции)
6. Кода модуля выполняются (в вашем случае, ничего не происходит)

Теперь, когда вы вызываете logFoo в модуль, который импортирует его, fooModule будет ссылаться на пространство имен, которое содержит logFoo. No magic :-)