jQuery+deferred implementiert das asynchrone sequentielle Laden von JS-Dateien

Dieses Mal werde ich Ihnen jQuery+deferred vorstellen, um das asynchrone sequentielle Laden von JS-Dateien zu implementieren. Was sind die Vorsichtsmaßnahmen für jQuery+deferred, um das asynchrone sequentielle Laden von JS-Dateien zu implementieren? , lass uns einen Blick darauf werfen.

Ich habe vor einiger Zeit Ruan Yifengs Artikel „Detaillierte Erklärung des verzögerten Objekts von jQuery“ gelesen und ein gewisses Verständnis für die Verwendung von „deferred“ in jQuery gewonnen. Heute habe ich einen Artikel im Garten gesehen: Die gescheiterte Erfahrung bei der Rekonstruktion der JS-Front -end-Framework (Übrigens vermisse ich diese toten Codes), daher habe ich eine Lösung geteilt, die ich zuvor geschrieben habe und die jQuery verwendet, um JS-Dateien der Reihe nach asynchron zu laden.

Wenn Sie Deferred in jQuery noch nicht verstehen, empfehle ich Ihnen dringend, Ruan Yifengs ausführliche Erklärung des Deferred-Objekts von jQuery zu lesen.
Der Code zum Laden der JS-Datei lautet wie folgt:

/* 
Loading 
JavaScript
 Asynchronously 
loadScript.load(["a.js", "b.js"]); 
*/ 
var loadScript = (function() { 
var loadOne = function (url) { 
var dtd = $.Deferred(); 
var node = 
document
.createElement('script'); 
node.type = "text/javascript"; 
var onload = function(){ 
dtd.resolve(); 
}; 
$(node).load(onload).bind('readystatechange', function(){ 
if (node.readyState == 'loaded'){ 
onload(); 
} 
}); 
document.
getElementsByTagName
('head')[0].appendChild(node); 
node.src = url; 
return dtd.promise(); 
}; 
var load = function(urls) { 
if(!$.isArray(urls)) { 
return load([urls]); 
} 
var ret = []; 
for (var i = 0; i < urls.length; i++) { 
ret[i] = loadOne(urls[i]); 
}; 
return $.when.apply($, ret); 
} 
return { 
load: load 
}; 
})();

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der dreistufigen Verknüpfungsschritte von jquery+xml

Verwenden Sie das Jquery-Plug-in- in ajaxupload zum Hochladen von Dateien

Das obige ist der detaillierte Inhalt vonjQuery+deferred implementiert das asynchrone sequentielle Laden von JS-Dateien. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!