當我們在瀏覽器中打開一個網頁時，網頁中的所有JavaScript代碼都是在一個單獨的“線程”中運行的。JavaScript是一種單線程語言，這意味著在同一時間內只能執行一段JavaScript代碼，稱之為執行棧。

假設有三個函數：A、B、C。

function A() {
console.log("A");
}
function B() {
console.log("B");
}
function C() {
console.log("C");
}
A();
B();
C();

這段代碼的輸出順序是“A B C”。

由于JavaScript是單線程的，每當一個函數被調用時，它會被添加到執行棧的頂部。當函數調用完成后，它將從執行棧中彈出，然后將控制權返回到調用該函數的位置。

我們可以使用定時器來模擬異步操作：

function A() {
console.log("A");
}
function B() {
setTimeout(function() {
console.log("B");
}, 2000);
}
function C() {
console.log("C");
}
A();
B();
C();

這段代碼的輸出順序是“A C B”。

由于B函數中使用了setTimeout，所以調用B函數時，它將被添加到瀏覽器的“任務隊列”中。當執行棧為空時，瀏覽器會從任務隊列中獲取下一個任務并將其添加到執行棧中。因此，B函數中的代碼將在2秒鐘后執行。

這就是JavaScript的獨占模式。在任何給定的時刻，只有一個函數可以執行。當一個函數被阻塞時，整個線程就會阻塞。這就是為什么在JavaScript中編寫正確的異步代碼非常重要。

為了避免阻塞，我們可以將長時間運行的代碼放入Web Worker線程（另一個JavaScript線程）。在Web Worker線程中執行代碼不會阻塞主線程，因此可以提高應用程序的響應速度。

// main.js
var worker = new Worker("worker.js");
worker.onmessage = function(event) {
console.log(event.data);
};
worker.postMessage("Hello, world!");
// worker.js
self.onmessage = function(event) {
setTimeout(function() {
self.postMessage("Hello, " + event.data);
}, 2000);
};

這段代碼演示了如何使用Web Worker。在主線程中創建一個Worker對象，并將worker.js文件傳遞給它。

通過worker.postMessage方法，我們可以向Web Worker線程發送消息。在Web Worker中，我們可以通過self.onmessage方法監聽這些消息。

在上面的示例中，Web Worker將在2秒鐘后向主線程發送一條消息。在主線程中，我們可以使用worker.onmessage方法監聽這些消息。

除了Web Worker之外，JavaScript還提供了許多其他的異步API，如Promise、async/await等。這些API可以幫助我們編寫更好的異步代碼，以避免阻塞主線程。

在JavaScript的獨占模式下編寫代碼是非常重要的。正確地編寫異步代碼可以提高應用程序的響應速度，并提高用戶體驗。