對於常見的場景，1、使用onresize 事件處理程式的時候容易發生，當調整瀏覽器大小的時候，該事件會連續觸發。在onresize 事件處理程式內部如果嘗試進行DOM 操作，其高頻率的更改可能會讓瀏覽器崩潰。 
2、我們常見的一個搜尋的功能，我們一般是繫結keyup事件，每按下一次鍵盤就搜尋一次。但是我們的目的主要是每輸入一些內容搜尋一次而已。

大部分節流都採用時間做節流，即時間間隔小於多少的不再呼叫，但同時保證一個最小呼叫間隔。（否則拖拽類的節流都將無效果），也可以用呼叫次數做節流，但要考慮最後一次呼叫需要要執行。

概念：函式節流是通過一個定時器，阻斷連續重複的函式呼叫，從而一定程度上優化效能。

用途：主要用於使用者介面呼叫的函式，如：resize、mousemove、keyup事件的監聽函式。 
這類監聽函式的主要特徵： 
1、短時間內連續多次重複觸發； 
2、大量的DOM操作。

意義：在使用者察覺範圍外，降低函式呼叫的頻率，從而提升效能

函式節流的原理

函式節流的原理挺簡單的，那就是定時器。當我觸發一個時間時，先setTimout讓這個事件延遲一會再執行，如果在這個時間間隔內又觸發了事件，那我們就clear掉原來的定時器，再setTimeout一個新的定時器延遲一會執行，就這樣。

具體程式碼的實現，看到一個不錯的方法：impress用的一個封裝函式：

var throttle = function(fn, delay){
 	var timer = null;
 	return function(){
 		var context = this, args = arguments;
 		clearTimeout(timer);
 		timer = setTimeout(function(){
 			fn.apply(context, args);
 		}, delay);
 	};
 };


 

它使用閉包的方法形成一個私有的作用域來存放定時器變數timer。而呼叫方法為

window.onresize = throttle(myFunc, 100);