DOM 操作比起非DOM 交互需要更多的內(nèi)存和CPU 時(shí)間，高頻率的操作可能是游覽器崩潰。這時(shí)候可以借用定時(shí)器對(duì)該函數(shù)進(jìn)行節(jié)流。

函數(shù)節(jié)流背后的基本思想是指，某些代碼不可以在沒有間斷的情況連續(xù)重復(fù)執(zhí)行。第一次調(diào)用函數(shù)，創(chuàng)建一個(gè)定時(shí)器，在指定的時(shí)間間隔之后運(yùn)行代碼。當(dāng)?shù)诙握{(diào)用該函數(shù)時(shí)，它會(huì)清除前一次的定時(shí)器并設(shè)置另一個(gè)。如果前一個(gè)定時(shí)器已經(jīng)執(zhí)行過了，這個(gè)操作就沒有任何意義。然而，如果前一個(gè)定時(shí)器尚未執(zhí)行，其實(shí)就是將其替換為一個(gè)新的定時(shí)器。目的是只有在執(zhí)行函數(shù)的請(qǐng)求停止了一段時(shí)間之后才執(zhí)行。

• 這個(gè)模式可以使用throttle()函數(shù)來簡(jiǎn)化，這個(gè)函數(shù)可以自動(dòng)進(jìn)行定時(shí)器的設(shè)置和清除，如下例
  所示：
  function throttle(method, context) {
  clearTimeout(method.tId);
  method.tId= setTimeout(function(){
  method.call(context);
  }, 100);
  }