關於js防抖與節流

本人純屬個人見解，如有不對的地方請大佬們指出

關於節流和防抖我也是不久前才注意到的，主要是用來終止一些可持續載入的**，比如scroll，keyup，keydown這類操作，之前自己做專案的時候已經注意到這種問題，遲遲沒有去深究原因，現在我要把自己了解的內容記錄下來

**節流就是指在操作過程中，隔一段時間就會載入一次**，比如你設定1秒後執行一次**，當你操作時，無論怎麼樣，都會每隔一秒執行一次。

var flag = true;
window.onscroll = function()
flag = false;
timer = settimeout(function(),1000)
}

上述**中，首先定義乙個flag用來判斷當前狀態，當頁面滾動時，註冊乙個定時器，判斷flag如果是false，直接return出函式，如果是true，給定時器賦值，1秒後執行操作，flag賦值為true，在這個過程中，不管頁面如何滾動，函式都會在一秒後執行，這就是函式節流。

防抖就是指在操作過程中，只有在你停止操作後才會執行一次函式。有且只有一次，多數用到輸入命令時。

var fangdou = document.getelementbyid('fangdou');
function doudou()
timer = settimeout(function(),1000)
} }fangdou.onkeyup = doudou();

上述**中，首先也是先註冊乙個定時器，然後在函式防抖中定義乙個閉包，判斷timer計時器為空的時候，自動清除定時器，然後再給定時器賦值進行自己的操作，當keyup的時候，timer每次都會為null，就會自動清除計時器，函式重新計算執行時間，知道最後一次操作結束一秒後執行對應操作。

本人描述能力不強，如有不對的地方，請大家勿噴，多多指正，感謝！！！