Как работает загрузочный модуль модуля ES

Question

Я был readingaboutes6 module loaders, и я просто не совсем понимаю, как это работает, и я надеюсь, что кто-то сможет просветить меня.

В практических рабочих процессах ссылка выше они есть пример, как этот

System.import('app/app').then(function(app) { 
    // app is now the Module object with exports as getters 
}); 

Нет проблемы с этим - я понимаю. Но тогда я вижу такие вещи, как это

var $ = require('jquery'); 

и получить действительно смущен. Что произойдет, если во время этого вызова jquery еще не был перенесен в браузер? Ли спина просто вращается? Разве браузер анализирует ваш сценарий за кадром и преобразовывает его в обратный вызов, например RequireJs? Это то, что он настраивает? Существуют ли конкретные ограничения?

Может кто-нибудь дать мне краткое изложение?

Answer 1

Загрузчик модуля ES6 будет извлекать источник, определять зависимости и дожидаться загрузки этих зависимостей перед выполнением модуля. Таким образом, к моменту выполнения требования, зависимость уже сидит там, ожидая исполнения.

При загрузке CommonJS через загрузчик модуля ES6 мы полагаемся на статический анализ операторов запроса из источника и выполняем только исходный код, как только они требуют загрузки.

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

Регулярные выражения, анализирующие требование, на самом деле довольно надежные и быстрые, принимая во внимание комментарии и окружающие токены. См. https://github.com/systemjs/systemjs/blob/master/lib/extension-cjs.js#L10 для той, которая используется SystemJS.

Существует одно ограничение, связанное с этим подходом, и которое является динамическим и условным. Для этого необходимо, чтобы if (condition) require('some' + 'name') не были обнаружены должным образом. Это необходимая стоимость, но для того, чтобы заставить CommonJS вести себя как полностью асинхронный формат модуля в браузере.