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

無限循環(huán)

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

function sleep(d){

var t = Date.now();

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

}

function test() {

console.log('sleep');

sleep(10000);

console.log('run');

}

test();

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

setTimeout

我們直接用 setTimeout 回調(diào)的方式來阻斷程序的進(jìn)程，當(dāng)然它的確是沒有讓程序繼續(xù)進(jìn)行并且讓 CPU 空閑下來，但是這種寫法并不是一種同步編程的方式：

function test() {

console.log('sleep');

setTimeout(function() {

console.log('run');

}, 10000)

}

await

ES 的高級(jí)版本出現(xiàn)了 Promise、await 等異步編程，它們讓程序的寫法更佳的優(yōu)雅簡(jiǎn)介，同樣也要借助于 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 的迭代器同樣也具備異步編程能力，但是這種寫法相當(dāng)晦澀，建議少用：

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、請(qǐng)求服務(wù)端的 Sleep 服務(wù)，甚至是 node 的 sleep 模塊(底層也是調(diào)用 C 的 sleep)，他們都不是非常純正的通過 Js 語言本身的特性來處理，當(dāng)然是可以借鑒。

總結(jié)

上述方法總結(jié)下來就是兩種，一種是強(qiáng)行阻斷式利用 Js 的單線程機(jī)制；另一種就是借助 Js 的異步事件機(jī)制+高級(jí)異步編程語法。當(dāng)然我們?cè)趯?shí)際業(yè)務(wù)情況中使用阻斷 JS 進(jìn)程的地方非常少，經(jīng)常會(huì)通過 UI 來禁止用戶繼續(xù)操作，這樣的探索僅僅是搞清楚一些 Js 的基本原理，有助于我們很好的了解它。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。