JavaScript通過Promise實現sleep方法

很多編程語言里都有sleep()，delay()等方法，它能讓我們的程序不那么着急的去執行下一步操作，而是延遲、等待一段時間。軟件開發中經常會遇到需要這樣的函數，比如等待幾分鍾去檢查某一事件是否發生。JavaScript里有setTimeout()方法來實現設定一段時間后執行某個任務，但寫法很丑陋，需要提供回調函數：

setTimeout(function(){ alert("Hello"); }, 3000);

JavaScript Promise API是新出現了一個API，借助 Promise，我們可以對setTimeout函數進行改良，下面就是把setTimeout()封裝成一個返回Promise的sleep()函數。

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

// 用法
sleep(500).then(() => {
    // 這里寫sleep之后需要去做的事情
})

你會發現，這種寫法很優雅，很像其它編程語言里的延遲、等待函數。Promise API使我們避免傳入回調函數，我們在實現中還使用了ES6中的箭頭(arrow)函數。

這里需要提到的一個問題是，這個sleep()在執行的時候是“block”程序的繼續執行的。它不是同步的。如果想讓它同步執行，不妨礙執行之后的代碼，我們可以使用 async/await 關鍵字。

(async function() {
  console.log('Do some thing, ' + new Date());
  await sleep(3000);
  console.log('Do other things, ' + new Date());
})();

執行結果：

Do some thing, Mon Feb 23 2015 21:52:11 GMT+0800 (CST)  
Do other things, Mon Feb 23 2015 21:52:14 GMT+0800 (CST)

(async function(){
    /**
    * s 休眠時長， 單位：秒
    */
    function sleep(s){
        s = s || 0;
        s  = parseInt(s) * 1000;
        let now = +new Date();
        let timer = null;
        return new Promise((resolve, reject)=>{
            timer = setInterval(()=>{
                if( now + s < +new Date()){
                    clearInterval(timer);
                    resolve(true);
                }
            }, 10)
        })

    }


console.log(`start: ${new Date()}`);
await sleep(3); // 休眠3秒
console.log(`end  : ${new Date()}`);

})()