Trình tự thực hiện của tài liệu jquery sẵn sàng

Question

Giả sử, tôi có một tập tin js mà trông như thế này:

$(document).ready(function() { // first task}); 
$(document).ready(function() { // second task }); 
$(document).ready(function() { // third task }); 

Sau khi tải tập tin về nhiệm vụ được thực hiện theo thứ tự. Tôi không hiểu tại sao? Tôi đoán rằng các phương thức gọi lại được kích hoạt khi sự kiện "sẵn sàng" xảy ra. Lệnh thực hiện được giữ lại như thế nào? Cuộc gọi liên tiếp có được xếp hàng đợi ở một nơi nào đó không?

Lưu ý: Tôi biết rằng đây là cách mã hóa rất ngây thơ. Tôi đã viết đoạn mã chỉ để hiểu rõ và không viết mã như vậy trong các dự án của tôi.

Answer 1

Trình xử lý của bạn đang được pushed into an array (readyList) để thực hiện in order later, khi documentis ready.

They're queued like this:

readyList.push(fn); 

And executed when ready like this:

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

Nếu tài liệu là đã đã sẵn sàng, sau đó họ sẽ thực hiện ngay lập tức, mà vẫn là theo thứ tự.

Answer 2

Các chức năng bạn chỉ định được thêm vào danh sách. Khi DOM đã sẵn sàng, jQuery lặp qua danh sách đó và gọi các hàm theo thứ tự đó.

Danh sách của bạn trở thành một cái gì đó giống như ..

handlers = [ function(){ alert('first') }, function() { alert('second')} ]; 

Sau đó, một lặp lặp qua ...

for (var i = 0, l = handlers.length; i<l; ++i) { 
    handlers.apply(document, arguments) 
} 

Và các chức năng này được gọi là trong bối cảnh của tài liệu.

Answer 3

Đây không phải là tốt hơn, nhưng bên trong $ (cửa sổ) .load bạn có thể có nhiều quyền kiểm soát hơn. sau $ (tài liệu) .ready

$(window).load(fn);