異步編程當(dāng)然少不了定時(shí)器了，常見(jiàn)的定時(shí)器函數(shù)有 setTimeout、setInterval、requestAnimationFrame。最常用的是setTimeout，很多人認(rèn)為 setTimeout 是延時(shí)多久，那就應(yīng)該是多久后執(zhí)行。

其實(shí)這個(gè)觀點(diǎn)是錯(cuò)誤的，因?yàn)?JS 是單線程執(zhí)行的，如果前面的代碼影響了性能，就會(huì)導(dǎo)致 setTimeout 不會(huì)按期執(zhí)行。當(dāng)然了，可以通過(guò)代碼去修正 setTimeout，從而使定時(shí)器相對(duì)準(zhǔn)確：

接下來(lái)看 setInterval，其實(shí)這個(gè)函數(shù)作用和 setTimeout 基本一致，只是該函數(shù)是每隔一段時(shí)間執(zhí)行一次回調(diào)函數(shù)。

通常來(lái)說(shuō)不建議使用 setInterval。第一，它和 setTimeout 一樣，不能保證在預(yù)期的時(shí)間執(zhí)行任務(wù)。第二，它存在執(zhí)行累積的問(wèn)題，請(qǐng)看以下偽代碼

以上代碼在瀏覽器環(huán)境中，如果定時(shí)器執(zhí)行過(guò)程中出現(xiàn)了耗時(shí)操作，多個(gè)回調(diào)函數(shù)會(huì)在耗時(shí)操作結(jié)束以后同時(shí)執(zhí)行，這樣可能就會(huì)帶來(lái)性能上的問(wèn)題。

如果有循環(huán)定時(shí)器的需求，其實(shí)完全可以通過(guò) requestAnimationFrame 來(lái)實(shí)現(xiàn)：

首先 requestAnimationFrame 自帶函數(shù)節(jié)流功能，基本可以保證在 16.6 毫秒內(nèi)只執(zhí)行一次（不掉幀的情況下），并且該函數(shù)的延時(shí)效果是精確的，沒(méi)有其他定時(shí)器時(shí)間不準(zhǔn)的問(wèn)題，當(dāng)然你也可以通過(guò)該函數(shù)來(lái)實(shí)現(xiàn) setTimeout。