Cuộc gọi hàm 'setTimeout' đệ quy có thể hủy diệt JS Engine không?

Question

Giả sử tôi có một số dữ liệu mà tôi cần nhận được từ máy chủ khoảng 10 giây một lần. Tôi sẽ có một chức năng mà được các dữ liệu thông qua AJAX và sau đó gọi setTimeout để gọi chức năng này một lần nữa:

function GetData(){ 
    $.ajax({ 
     url: "data.json", 
     dataType: "json", 
     success: function(data){ 
     // do somthing with the data 

     setTimeout(GetData, 10000); 
     }, 
     error: function(){ 
     setTimeout(GetData, 10000); 
     } 
    }); 
} 

Nếu ai đó rời khỏi trang web mở cửa cả ngày, nó có thể nhận được hàng ngàn cuộc gọi hàm đệ quy.

Tôi không muốn sử dụng setInterval vì điều đó không tính đến độ trễ mạng tài khoản. Nếu mạng đang bận và phải mất 15 giây để xử lý yêu cầu, tôi không muốn hỏi lại lần nữa trước khi tôi hết thời gian chờ AJAX.

Cách tốt nhất để xử lý một hàm cần được gọi định kỳ là gì?

Answer 1

Không có đệ quy thực sự vì lệnh gọi hàm GetData bị trì hoãn và bối cảnh JavaScript bị hủy trong thời gian chờ đợi. Vì vậy, nó sẽ không sụp đổ động cơ JS.

Đối với mẫu mã của bạn, điều này về cơ bản là những gì sẽ xảy ra ở cấp cơ JS:

1. Initialize JS cơ
2. Tạo GetData chức năng bối cảnh
3. Execute báo cáo GetData bao gồm "setTimeout"
4. "setTimeOut" hướng dẫn công cụ JS gọi một hàm trong 10 giây
5. Hủy ngữ cảnh hàm GetData
6. Tại thời điểm này, về mặt sử dụng bộ nhớ, chúng ta quay lại bước 1. Sự khác biệt duy nhất là công cụ JS lưu trữ một tham chiếu đến một hàm và khi nào gọi nó (cho phép gọi dữ liệu này là "futureCall").
7. Sau 10 giây, lặp lại từ bước 2. "futureCall" bị hủy.