Ход выполнения скрипта?

Question

[bzotsss]

Всем привет , есть такой скрипт и он асинхронный . Хотелось бы знать почему?
Ниже я распишу свой ход мысли и если кому нибудь не сложно поправьте что не так .

function loadScript(src) { // создаём функцию
  let script = document.createElement('script'); // синхронно создаём переменную в которую кладём html тег script
  script.src = src;                      // синхронно? ( или не синхронно ) присваиваем аттрибут src 
  document.head.append(script); // cинхронно добавляем это в тег head
}
loadScript('/my/script.js'); // cинхронно вывызваем функцию

Не понимаю почему эта функция асинхронна ... Пожалуйста помогите

Comments

[Евгений]

Как вы поняли что она асинхронна?)

Answer 1

[Александр]

Сама функция работает синхронно - нет вопросов, однако, загрузка скрипта занимает какое-то время. Поэтому сам скрипт /my/script.js будет загружаться асинхронно, чтобы не блокировать ввод-вывод.

Comments

[bzotsss]

Спасибо . Стало понятнее . То есть грубо говоря в нашей синхронной фунции src является асинх. операцией . Правильно ли я понял ?

[Алексей Ярков]

bzotsss, По-русски же написано: загрузка и выполнение скрипта занимает время и выполняется операция асинхронно ))

[bzotsss]

Алексей Ярков, понял )))

[bzotsss]

Алексей Ярков, так а сама то функция синхронная . Как у нас эта функция может не блокировать выполнение остального кода ( функций) . Js ведь однопоточный а значит в момент времени может выполняться одна функция ... Ой чё то я вообще выпал

[Алексей Ярков]

bzotsss, Если надо дождаться загрузки скрипта, то навесьте обработчик на onload и в нём выполняйте код, который зависит от подключаемого скрипта.