Импортированы ли модули модуля ES6?

Question

Я знаю, что в новом синтаксисе модуля ES6 механизм JavaScript не должен оценить код, который нужно знать обо всех импортах/экспорте, он будет только разобрать и «знать», что загрузить.

Это звучит как подъем. Подняты ли модули ES6? И если это так, все они будут загружены до запуска кода?

Возможно ли использование этого кода?

import myFunc1 from 'externalModule1'; 

myFunc2(); 

if (Math.random()>0.5) { 
    import myFunc2 from 'externalModule2'; 
} 

Answer 1

После этого еще некоторое исследование, я нашел:

• Imports поднимаются! в соответствии с spec из ModuleDeclarationInstantiation
• все зависимые модули будут загружены перед запуском любой код.

Этот код не будет никаких ошибок, и будет работать:

localFunc(); 

import {myFunc1} from 'mymodule'; 

function localFunc() { // localFunc is hoisted 
    myFunc1(); 
} 

Answer 2

ES6 спецификация подлежат изменению, но this draft явно:

Статическая переменная разрешения и ссылки проверки проходят для конфликтов в импортируемых имен переменных. Если существует конфликт между двумя импортированными именами или импортированным именем и другой локальной привязкой, то он является ошибкой времени компиляции.

И попытка импортировать во время выполнения является сомнительной идеей не только в ES6. Также из проекта:

Компиляция решает и проверяет все определения переменных и ссылок. Связь также происходит во время компиляции; связывание разрешений и проверяет все импорт и экспорт модулей.

Вы можете видеть, что Babel's ES6 implementation не слишком доволен этим.

Answer 3

Это будет SyntaxError. По this part of specification:

Module : 
    ModuleBody 

ModuleBody : 
    ModuleItemList 

ModuleItemList : 
    ModuleItem 
    ModuleItemList ModuleItem 

ModuleItem : 
    ImportDeclaration 
    ExportDeclaration 
    StatementListItem 

Это означает, что модуль может содержать только ImportDeclaration 'с, ExportDeclaration' с или StatementListItem «с. Согласно thisStatementListItem can не содержит ImportDeclaration, а не ExportDeclaration.

import myFunc1 from 'externalModule1'; 

является декларация импорта, в то время как:

if (Math.random()>0.5) { 
    import myFunc2 from 'externalModule2'; 
} 

это утверждение. Таким образом, ваш код приведет к синтаксической ошибке.

Как насчет «все они будут загружены перед запуском кода?». This part of specification содержит следующее предложение:

ПРИМЕЧАНИЕ. Перед созданием модуля необходимо запросить все запрошенные модули.

Итак, да. Все они будут загружены перед запуском кода.