javascript

JavaScript 中实现 sleep

發(fā)布時間：2025/3/15 javascript 20 豆豆

生活随笔收集整理的這篇文章主要介紹了 JavaScript 中实现 sleep 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

來自推特上 Windows 故障分析的笑話圖片來源：me.me

推上看到的笑話，Windows 故障分析的實現(xiàn)。

然后想起來 JavaScript 中如何實現(xiàn)這個 sleep() 函數(shù)讓代碼暫停指定時間。

異步版本

借助 Promise 這事很好實現(xiàn)。

function sleep(time) {return new Promise(resolve => {setTimeout(() => {resolve();}, time);}); }

創(chuàng)建一個 Promise，等待指定時間后 resolve 掉即可。

但，Promise 是異步的，它要求后續(xù)代碼要么包含在 then 里面，要么通過 async/await 來調(diào)用。

所以使用起來應(yīng)該像這樣子，

function testSleep() {console.log("will sleep for 1s");sleep(1000).then(() => {console.log("will sleep for another 5s");sleep(5000).then(() => {console.log("waked up");});}); } testSleep();

或者這樣子：

async function testSleep() {console.log("will sleep for 1s");await sleep(1000);console.log("will sleep for another 5s");await sleep(5000);console.log("waked up"); } testSleep();

測試 sleep

當(dāng)然后者會更加優(yōu)雅些，但本質(zhì)上都是需要保證后續(xù)代碼在 Promise 回調(diào)中執(zhí)行。如何有回調(diào)之外的代碼，則不會被阻斷，這便是其缺點。

async function testSleep() {console.log("will sleep for 1s");await sleep(1000);console.log("will sleep for another 5s");await sleep(5000);console.log("waked up"); } testSleep();// ?不會按預(yù)期那樣最后執(zhí)行，而是立即被執(zhí)行 console.log("我在等上面的代碼執(zhí)行完...");

代碼未阻斷的情況

同步版本

不借助異步異步代碼想阻斷代碼執(zhí)行，那其實可以讓代碼原地跑，通過 while。

function syncSleep(time) {const start = new Date().getTime();while (new Date().getTime() - start < time) {} }

使用起來就和正常函數(shù)沒區(qū)別了，對周圍代碼也沒有要求必需得在回調(diào)什么的：

console.log("start test sync sleep..."); syncSleep(3000); console.log("sync sleep after 3s");

測試同步版本的 sleep

方便是方便，但不建議使用這種方式，畢竟代碼在空跑。如果需要這樣的場景，你需要考慮是否可以修改下代碼或換個設(shè)計，異步能滿足大部分需求。

總結(jié)

以上是生活随笔為你收集整理的JavaScript 中实现 sleep的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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

javascript

JavaScript 中实现 sleep

異步版本

同步版本

相關(guān)資源

總結(jié)