* 防抖：指定時間內 頻繁觸發一個事件，以最后一次觸發為準 * 節流：指定時間內 頻繁觸發一個事件，只會觸發一次 > 應用場景有很多比如: > > 防抖是： input搜索，用戶在不斷輸入內容的時候，用防抖來減少請求的次數并且節約請求資源 > > 節流：場景普遍就是按鈕點擊，一秒點擊 10 下會發起 10 次請求，節流以后 1 秒點再多次，都只會觸發一次 下面我們來實現 ~~~ js復制代碼 // 防抖 // fn 需要防抖的函數，delay 為定時器時間 function debounce(fn,delay){ let timer = null? // 用于保存定時器 return function () { // 如果timer存在 就清除定時器，重新計時 if(timer){ clearTimeout(timeout); } //設置定時器，規定時間后執行真實要執行的函數 timeout = setTimeout(() => { fn.apply(this); }, delay); } } // 節流 function throttle(fn) { let timer = null; // 首先設定一個變量，沒有執行定時器時,默認為 null return function () { if (timer) return; // 當定時器沒有執行的時候timer永遠是false,后面無需執行 timer = setTimeout(() => { fn.apply(this, arguments); // 最后在setTimeout執行完畢后再把標記設置為true(關鍵) // 表示可以執行下一次循環了。 timer = null; }, 1000); }; } ~~~