jQuery 的就绪队列 $(foo) 和 $(bar) 是顺序运行还是并行运行？

Question

如果有 2、3 或 20 个语句使用 jQuery

$(function() { ... })

添加要在 DOM 准备就绪时执行的函数，那么所有这些函数是并行运行还是按顺序运行？

Answer 1

在这方面，document.ready 的行为类似于正常事件，它们按顺序发生并且按照它们绑定的顺序。您可以在此处查看相关的 jQuery 核心源码：

这就是当您执行 $(function) 时会发生的情况：

ready: function( fn ) {
    jQuery.bindReady();
    if ( jQuery.isReady ) {
        fn.call( document, jQuery );
    } else if ( readyList ) {
        readyList.push( fn );
    }
    return this;
}

当“ready”事件触发时，这种情况会稍后发生：

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

如果文档已经准备就绪，则该函数会立即执行，这是上面第一个代码块中的 if 部分。

Answer 2

它们将按顺序运行。您可以在 firebug 中放置断点来查看此行为

Answer 3

他们将按顺序运行。 Javascript 代码不并行运行。