jquery - jQuery.ready() 如何处理对其自身的调用？

Question

举个例子:

$( function(){
    //do stuff
    $( function(){
        //do other stuff
    });
});

当然，用代码写出来这似乎没有意义。但是，使用 HTML 元素的插件可能会使用 .ready()，而其本身在主脚本的 .ready() 中的元素上执行。 jQuery 到底是如何处理这个问题的呢？它显然有效，但是它有什么特别的作用吗？

Answer 1

If .ready() is called after the DOM has been initialized, the new handler passed in will be executed immediately.

这意味着当第一个函数执行时，内部函数将立即执行

此外，jQuery 允许您将多个函数绑定(bind)到一个事件，并且它将调用所有函数(假设没有人产生错误)

您可以通过在已加载的页面上执行来测试行为:

jQuery(document).ready(function(){
        for(i=0;i<1000000;i++);
        console.log('2');
    });
console.log('1');