節(jié)流（Throttle）和防抖（Debounce）對于前端開發(fā)人員來說應該是十分熟悉的，節(jié)流（Throttle）和防抖（Debounce）是兩種可以節(jié)省性能的編程技術，兩者的目的都是為了優(yōu)化性能，提高用戶體驗，都是基于 DOM 事件限制正在執(zhí)行的 JavaScript 數(shù)量的方法。
在 JavaScript 中，防抖和節(jié)流都是用來限制函數(shù)執(zhí)行頻率的技術，常用于解決某些高頻觸發(fā)的問題，比如滾動事件、拖拽事件、鼠標的移動事件、鍵盤按鍵事件、輸入框?qū)崟r搜索等等。
防抖和節(jié)流都可以避免函數(shù)被頻繁調(diào)用，減少計算資源的浪費，提高性能。
具體來說：
- 防抖函數(shù)會在事件觸發(fā) n 秒后執(zhí)行，如果在這段時間內(nèi)事件又被觸發(fā)，則會重新計算執(zhí)行時間，直到等待時間結束，最后一次觸發(fā)的事件才會被執(zhí)行。防抖函數(shù)的作用是對于一些高頻觸發(fā)的事件，避免過多地執(zhí)行操作，從而提高程序性能。
- 節(jié)流函數(shù)會在事件觸發(fā)后 n 秒內(nèi)最多執(zhí)行一次，如果在這段時間內(nèi)事件又被觸發(fā)，則會忽略該次事件的執(zhí)行，直到等待時間結束，下一個事件才會被執(zhí)行。節(jié)流函數(shù)的作用是對于一些高頻觸發(fā)的事件，降低操作頻率，避免過多地執(zhí)行操作，從而提高程序性能。
防抖和節(jié)流的實現(xiàn)方法有多種，其中常用的方式是使用定時器來控制函數(shù)執(zhí)行的時間間隔。在使用防抖和節(jié)流函數(shù)時需要注意適當設置時間間隔，以保證函數(shù)不會被過度限制或者過度調(diào)用。
關于防抖和節(jié)流更詳細的介紹可以閱讀下面文章：