Почему не срабатывает onreadystatechange и readyState при динамическом подключении скриптов?

var script = document.createElement('script');
script.src = "https://code.jquery.com/jquery.js";
document.documentElement.appendChild(script);

function afterLoad() {
  alert( "Загрузка завершена: " + typeof(jQuery) );
}

script.onload = script.onerror = function() {
  if (!this.executed) { // выполнится только один раз
    this.executed = true;
    afterLoad();
  }
};

script.onreadystatechange = function() {
  var self = this;
  if (this.readyState == "complete" || this.readyState == "loaded") {
    setTimeout(function() {
      self.onload()
    }, 0); // сохранить "this" для onload
  }
};

var jsArr=['js1.js', 'js2.js'];
      var script=[]
                    for (var jsFile in jsArr) {

                       var script[jsFile ] = document.createElement('script');
                       script[jsFile ].src = "/static/js/"+jsArr[jsFile];                
                       document.body.appendChild(script[jsFile ]);

                        script[jsFile].onload = function() {
                            console.log(script[jsFile]); // оба раза покажет только последний файл
                           console.log(script);
                        };
                        script[jsFile].onerror = function() {
                            alert( "Ошибка: " + this.src );
                        };
                    }