Aufrufreihenfolge des jQuery-Ready-Callbacks

Question

Wenn auf einer Seite zwei JavaScript-Funktionen vorhanden sind, die aufgerufen werden müssen, wenn das Dokument vollständig geladen ist. Ist es möglich, dass eine Funktion immer zuerst ausgeführt wird oder wird immer die erste Funktion zuerst ausgeführt?

Also, wenn Sie jQuery verwenden und folgenden Code haben:

$(document).ready(function(){ function1(); });

$(document).ready(function(){ function2(); });

Kann es passieren, dass function2 zuerst ausgeführt wird oder wird function1 immer zuerst ausgeführt?

Answer 1

JQuery ready verwendet das Deferred-Objektsystem:

ready: function( fn ) {
    // Füge den Rückruf hinzu
    jQuery.ready.promise().done( fn );

    return this;
},

(aus dem Quellcode)

Und die Dokumentation besagt, dass

Rückrufe werden in der Reihenfolge ihrer Hinzufügung ausgeführt

Ja, Ihre Rückrufe werden in der Reihenfolge ihrer Hinzufügung ausgeführt.

Answer 2

Wenn Sie möchten, dass diese Funktionen in der Reihenfolge ausgeführt werden, warum schreiben Sie nicht einfach:

$(document).ready(function(){ 
    function1();
    function2();
});

Answer 3

Es ist besser, die Callback-Funktion zu verwenden, um sicherzustellen, dass die Funktionen in der richtigen Reihenfolge ausgeführt werden