javascript
JavaScript 中实现 sleep
| 來自推特上 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è)計,異步能滿足大部分需求。 相關(guān)資源
|
轉(zhuǎn)載于:https://www.cnblogs.com/Wayou/p/javascript_sleep.html
總結(jié)
以上是生活随笔為你收集整理的JavaScript 中实现 sleep的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Centos7系统启动流程
- 下一篇: 四叶草社交平台——十天冲刺(9)