一、函數(shù)節(jié)流

（1）定義：一個函數(shù)執(zhí)行一次后，只有大于設定的執(zhí)行周期后才會執(zhí)行第二次

（2）原理：用時間戳來判斷是否已到回調(diào)該執(zhí)行時間，記錄上次執(zhí)行的時間戳，然后每次觸發(fā) scroll 事件執(zhí)行回調(diào)，回調(diào)中判斷當前時間戳距離上次執(zhí)行時間戳的間隔是否已經(jīng)到達 規(guī)定時間段，如果是，則執(zhí)行，并更新上次執(zhí)行的時間戳，這樣循環(huán)下去

圖片發(fā)自簡書App

二、函數(shù)防抖

（1）定義：一個需要頻繁觸發(fā)的函數(shù)，在規(guī)定時間內(nèi)，只讓最后一次執(zhí)行，前面的不執(zhí)行

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

圖片發(fā)自簡書App

三、應用

函數(shù)節(jié)流和函數(shù)去抖的核心其實就是限制某一個方法被頻繁觸發(fā)，比如說DOM事件的監(jiān)聽回調(diào)，input的keyup、keydown，window.scroll,window.resize事件，按鈕連續(xù)變態(tài)點擊導致無限制發(fā)送接口請求等應用場景