Есть ли разница, сколько $ (document) .ready() у меня есть?

Question

Я понимаю, Jquery, спрашиваю я просто хочу, Что разница между этими 2 примерами кода (я знаю, он будет делать то же самое, но мне интересно, если есть что-то конкретное со вторым примером.

Пример 1 :

$(document).ready(function() { 
    // some code #1 
    // some code #2 
    // some code #3 
}); 

Здесь все JS в одном месте

Пример 2:.

$(document).ready(function() { 
    // some code #1 
}); 

$(document).ready(function() { 
    // some code #2 
}); 

$(document).ready(function() { 
    // some code #3 
}); 

Эти функции (DOM ready) размещаются в разных JS-файлах.

Я просто думаю, как это будет обрабатываться, но я думаю, что он будет выполнен после загрузки DOM, а затем в порядке, как он вызывается в HTML.

Answer 1

Каждая отдельная функция, переданная в $(document).ready(), создаст свою область видимости для переменных и функций, что может привести к значительной существенной разнице. Возьмите эти два примера:

$(document).ready(function() { 
    function viewEvent(event) { 
     console.log(event); 
     return false; 
    } 

    $('a').on('click', viewEvent); 
    // works fine, clicking on an <a> element will log the event object 
}); 

Тогда:

$(document).ready(function() { 
    function viewEvent(event) { 
     console.log(event); 
     return false; 
    } 
}); 


$(document).ready(function() { 
    $('a').on('click', viewEvent); 
    // won't work, viewEvent is out of scope here 
}); 

Answer 2

Все обработчики документов, готовые к документу, будут называться в том порядке, в котором они связаны. В общем, я бы рекомендовал просто иметь один, чтобы держать вещи аккуратно, за исключением ...

«Эти функции (DOM) готова места в различных JS-файлов.»

Это лучшая причина, по которой я могу думать о наличии нескольких готовых обработчиков.

«Я просто думаю, как он будет обработан, но я предполагаю, что это будет выполняться после загрузки DOM, а затем в порядке, как это называется в HTML.»

Это правильно.

Answer 3

Я предполагаю, что он будет выполнен после загрузки DOM, а затем в порядке, как он вызывается в HTML.

Это правильно.

Эти функции будут сложены и называются линейными в том порядке, в котором они подключены к событию готовности DOM.

Answer 4

У вас может быть столько, сколько пожелаете, и они будут выполнены в том порядке, в котором выполняются функции или $(document).ready(). (то есть каждый обработчик добавляется в очередь).