JavaScript: Когда точно выполняется функция, назначенная событию onload?

Question

function loadScript(src, callback) {
  let script = document.createElement('script');
  script.src = src;

  script.onload = () => callback(script);

  document.head.append(script);
}

loadScript('/my/script.js', function() {
  ...
  ...
});

Здесь функция обратного вызова выполняется при срабатывании события onload. Но когда событие onload будет запущено? При добавлении скрипта вызывается событие onload? Потому что я вижу, что выполнение моей функции обратного вызова происходит, как только вызывается loadScript.

Answer 1

Выполняется после копирования источника сценария с URL-адреса script.src в DOM и выполнения кода в сценарии.

Поместите несколько операторов console.log() в script.js и функцию обратного вызова и Вы должны увидеть порядок, в котором все происходит.