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

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

  document.head.append(script);
}

Я не могу понять, где взялось свойство src у переменной script, и вообще что это такое, в моем понимании переменная script должна быть объявлена как объект, там должны быть записаны ключи, один из которых - src

1

2 ответа 2

1

Давайте разбирать

function loadScript(src, callback) {// объявление функции с аргументами src и callback
  let script = document.createElement('script'); // создание элемента html элемента script
  script.src = src; // присваивание свойству src тега script значение из переменной src 

  script.onload = () => callback(script); // назначение обработчика события onload элемента script

  document.head.append(script);// добавление в head документа созданного script
}
1

В строке let script = document.createElement('script'); создаётся элемент DOM script. По приведённым ссылкам (в дебагере/консоли) Вы можете видеть, что у созданного объекта имеется много предопределённых свойств и событий. Некоторые из них принадлежат непосредственно script, некоторые наследуются от родительских классов/интерфейсов. Далее в строке script.src = src; через точку осуществляется доступ к свойству src и его значение устанавливается значением параметра функции src.
В строке script.onload = () => callback(script); в обработчик события load добавляется callback-функция, которая будет вызвана, когда событие произойдёт.
В последней строке document.head.append(script); созданный элемент/объект script с добавленным к нему обработчиком события load добавляется к первому элементу head на странице.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.