函数防抖和函数节流的最简单解释
生活随笔
收集整理的這篇文章主要介紹了
函数防抖和函数节流的最简单解释
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
函數(shù)防抖:連續(xù)觸發(fā)的事件,只會(huì)觸發(fā)最后一次。每次觸發(fā)的時(shí)候都會(huì)清除上一次待觸發(fā)的。
const debounce = (func, wait) => {let timer;return (params) => {clearTimeout(timer);timer = setTimeout(() => {func(params);
}, wait);}; };
函數(shù)節(jié)流:連續(xù)觸發(fā)的事件,會(huì)按照一定的頻率觸發(fā)N次。每間隔一定的時(shí)間,必然會(huì)觸發(fā)一次。
const throttle = (func, wait) => {let timer;return (params) => {if (timer) { // timer 存在則不會(huì)加入待執(zhí)行中return;}timer = setTimeout(() => {func(params);timer = null; // 間隔一定時(shí)間后執(zhí)行一次,執(zhí)行完后清空 timer 可再次執(zhí)行 }, wait);}; };?
轉(zhuǎn)載于:https://www.cnblogs.com/3body/p/10709438.html
總結(jié)
以上是生活随笔為你收集整理的函数防抖和函数节流的最简单解释的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 如何选购弹力绳?
- 下一篇: RabbitMQ(4) TopicExc