Reihenfolge der Ausführung von jquery Dokument bereit

Question

Angenommen, ich habe eine js-Datei, die wie folgt aussieht:

$(document).ready(function() { // first task}); 
$(document).ready(function() { // second task }); 
$(document).ready(function() { // third task }); 

Nach dem Laden der Datei die Aufgaben ausgeführt, um zu bekommen. Ich verstehe nicht warum? Ich vermute, dass die Callback-Methoden ausgelöst werden, wenn ein "bereit" -Ereignis auftritt. Wie wird die Ausführungsreihenfolge beibehalten? Sind die aufeinanderfolgenden Rückrufe an irgendeiner Stelle in der Warteschlange?

Hinweis: Ich weiß, dass dies eine sehr naive Art der Codierung ist. Ich habe das Snippet nur geschrieben, um meinen Standpunkt verständlich zu machen und schreibe keinen Code in meine Projekte.

Answer 1

Ihre Handler werden pushed into an array (readyList) für in order later ausgeführt wird, wenn die documentis ready.

They're queued like this:

readyList.push(fn); 

And executed when ready like this:

var fn, i = 0; 
while ((fn = readyList[ i++ ])) { 
    fn.call(document, jQuery); 
} 

Wenn das Dokument bereits bereit ist, führen sie werden dann sofort, was noch in Ordnung.

Answer 2

Die von Ihnen angegebenen Funktionen werden in der Reihenfolge zu einer Liste hinzugefügt. Wenn das DOM bereit ist, durchläuft jQuery diese Liste und ruft die Funktionen in dieser Reihenfolge auf.

Ihre Liste wird so etwas wie ..

handlers = [ function(){ alert('first') }, function() { alert('second')} ]; 

dann in einer Schleife durchläuft ...

for (var i = 0, l = handlers.length; i<l; ++i) { 
    handlers.apply(document, arguments) 
} 

und die Funktionen werden im Rahmen des Dokuments genannt.

Answer 3

Dies ist nicht der bessere, aber innerhalb $ (window) .load können Sie mehr Kontrolle haben. nach $ (document)

$(window).load(fn);