У меня есть приложение для машинописи, которое динамически добавляет теги сценариев, которые указывают на файлы JS. Из-за некоторых ограничений я не могу статически определить эти теги сценария в html-файле, поэтому я добавляю их динамически с помощью машинописного текста следующим образом:

for (let src of jsFiles) {
  let sTag = document.createElement('script');
  sTag.type = 'text/javascript';
  sTag.src = src;
  sTag.defer = true;
  document.body.appendChild(script);
}

Теперь я замечаю, что когда я динамически добавляю теги скрипта, они не являются гарантией в порядке их загрузки. К сожалению,jsFiles В массиве есть скрипты, которые зависят друг от друга. Таким образом, второй скрипт в массиве может быть загружен только после полной загрузки первого. Второй скрипт ссылается на функцию, определенную в первом. Есть ли способ указать порядок, в котором сценарии упорядочиваются и выполняются при их динамическом добавлении (аналогично тому, как выполняется упорядочение при статическом определении тегов сценария в html-файле)?

Постскриптум Я хотел бы избежать использования обратного вызова onload для решения этой проблемы, так как я заметил снижение производительности в моем приложении. Мой второй файл сценария очень большой, и я предполагаю, что это привело к ухудшению.