通常情況下 JavaScript 是單線程的，一段 Js 程序的運行會占滿整個程序進程，我們通常會想方設法的通過異步編程來減少程序的阻塞，那么我們今天反其道而行之，看看通過怎么樣正常的方式來阻塞 Js 運行。

無限循環

單線程的 JavaScript 可以給我們靈感，只要程序不斷的計算就可以阻塞程序的進程：

function sleep(d){

var t = Date.now();

while(Date.now() - t <= d);

}

function test() {

console.log('sleep');

sleep(10000);

console.log('run');

}

test();

但是這種方式其實是通過無限占用計算機的資源來造成假死狀態，它會消耗大量的 CPU，并沒有真正的讓程序進程停止，這種方式不可取。

setTimeout

我們直接用 setTimeout 回調的方式來阻斷程序的進程，當然它的確是沒有讓程序繼續進行并且讓 CPU 空閑下來，但是這種寫法并不是一種同步編程的方式：

function test() {

console.log('sleep');

setTimeout(function() {

console.log('run');

}, 10000)

}

await

ES 的高級版本出現了 Promise、await 等異步編程，它們讓程序的寫法更佳的優雅簡介，同樣也要借助于 setTimeout 來解決，建議采用此方式：

function sleep(ms) {

return new Promise(resolve => setTimeout(resolve, ms));

}

async function test() {

console.log('sleep');

await sleep(10000);

console.log('run');

}

test();

generator & yield

ES6 的迭代器同樣也具備異步編程能力，但是這種寫法相當晦澀，建議少用：

function sleep(time) {

setTimeout(function () {

test.next();

}, time);

}

function* gen() {

console.log('sleep');

yield sleep(10000);

console.log('10 second later');

}

var test = gen();

test.next();

其它

還有一些借助于 Java Applet、Flash、請求服務端的 Sleep 服務，甚至是 node 的 sleep 模塊(底層也是調用 C 的 sleep)，他們都不是非常純正的通過 Js 語言本身的特性來處理，當然是可以借鑒。

總結

上述方法總結下來就是兩種，一種是強行阻斷式利用 Js 的單線程機制；另一種就是借助 Js 的異步事件機制+高級異步編程語法。當然我們在實際業務情況中使用阻斷 JS 進程的地方非常少，經常會通過 UI 來禁止用戶繼續操作，這樣的探索僅僅是搞清楚一些 Js 的基本原理，有助于我們很好的了解它。

總結

以上是生活随笔為你收集整理的python 弹窗不阻断线程_Javascript 如何阻断程序的运行的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。