jQuery ready回調的調用順序

Question

如果頁面中有兩個javaScript函數，則在文檔加載完成后需要調用它們。 是否有可能先執行任何功能，還是總是先執行的第一個功能？

因此，如果使用jQuery，則有以下代碼：

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

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

是否會先執行function2還是會始終先執行function1 ？

Answer 1

jQuery ready使用Deferred對象系統 ：

ready: function( fn ) {
    // Add the callback
    jQuery.ready.promise().done( fn );

    return this;
},

（來自源代碼 ）

並且文檔指出

回調按添加順序執行

所以是的，您的回調將按添加順序執行。

Answer 2

如果要按順序執行這些功能，為什么不這樣寫：

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

Answer 3

更好地利用回調函數來確定函數的執行順序