js的幾種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 關鍵字。

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

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

慢慢更新