history.back（）之後的代碼會發生什麼？

Question

我有類似下面的代碼：

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

• 是history.back()阻塞/非阻塞電話嗎？

• 是否有保證myFunction()將被執行？還是不會執行？

• 這是一個可能的競爭條件，其中history.back()異步發生和 是否myFunction()被稱爲依賴於不可控事件的時機？

Answer 1

的spec說history.backqueues a task。

因此，在主要的event loop的下一次運行期間，將會執行實際的歷史操作代碼（這是JS實現內部的）。您致電myFunction在本輪執行中同步執行，因此它將始終在兼容的環境中執行。

但是，只有myFunction中的同步代碼才能保證執行。考慮這個例子：

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

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

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

第一個調試器語句總是被命中。第二個，推遲到未來的事件循環使用setTimeout滴答，不會。

This article是JavaScript事件循環的一個很好的解釋