Điều gì xảy ra với mã sau history.back()?

Question

tôi có mã như sau:

window.history.back(); 
myFunction(10); 

• là history.back() một chặn/non-blocking cuộc gọi?

• Có bảo đảm rằng myFunction() sẽ được thực thi không? hoặc sẽ không được thực hiện?

• Đây có phải là một điều kiện chủng tộc có thể nơi history.back() xảy ra không đồng bộ và liệu myFunction() được gọi là phụ thuộc vào thời gian của các sự kiện không thể kiểm soát?

Answer 1

spec nói rằng history.backqueues a task.

Mã thao tác lịch sử thực tế (bên trong quá trình triển khai JS) do đó sẽ được thực hiện trong lần chạy tiếp theo của chính event loop. Cuộc gọi của bạn để myFunction thực thi đồng bộ trong vòng thực thi hiện tại, vì vậy nó sẽ luôn được thực thi trong môi trường tuân thủ.

Tuy nhiên, chỉ có mã đồng bộ trong myFunction được đảm bảo để thực thi. Hãy xem xét ví dụ này:

function myFunction() { 
    console.log('synchronous'); 
    debugger 

    setTimeout(function() { 
    console.log('async'); 
    debugger 
    }) 
} 

window.history.back(); 
myFunction(); 

Tuyên bố trình gỡ rối đầu tiên luôn được nhấn. Thứ hai, được hoãn lại cho một vòng lặp sự kiện trong tương lai bằng cách sử dụng setTimeout, sẽ không.

This article là giải thích tốt về vòng lặp sự kiện JavaScript