所謂節(jié)流，就是避免函數(shù)多次執(zhí)行，比如window.onresize 函數(shù)，在改變窗口大小的時(shí)候回連續(xù)執(zhí)行n次，嚴(yán)重消耗內(nèi)存，又如表單input事件，每次輸入都會觸發(fā)這個事件，造成性能損耗。此時(shí)便需要運(yùn)用函數(shù)節(jié)流。

實(shí)現(xiàn)原理:第一次調(diào)用函數(shù)，創(chuàng)建一個定時(shí)器，在指定的時(shí)間間隔之后運(yùn)行代碼。當(dāng)?shù)诙握{(diào)用該函數(shù)時(shí)，它會清除前一次的定時(shí)器并設(shè)置另一個。如果前一個定時(shí)器已經(jīng)執(zhí)行過了，這個操作就沒有任何意義。然而，如果前一個定時(shí)器尚未執(zhí)行，其實(shí)就是將其替換為一個新的定時(shí)器。

列一:

此時(shí)每次輸入都會調(diào)用queryData函數(shù)，對函數(shù)加以修改

此時(shí)輸入內(nèi)容，觸發(fā)的事節(jié)流函數(shù) throttle，在throttle中首先清楚上一次的定時(shí)器。如果在500毫秒之內(nèi)，上一次的函數(shù)便來不及執(zhí)行，重新生成了定時(shí)器，達(dá)到節(jié)流的目的

列二：

? ? ? ? 當(dāng)窗口改變時(shí)會立即調(diào)用n次getWidth函數(shù)知道停止改變窗口大小，