防抖和节流都是为了控制代码执行频率,提高性能和用户体验。
防抖和节流的区别在于,防抖是在一定时间内只执行最后一次操作,而节流是在一定时间内只执行一次操作。
下面是防抖和节流的代码实现:
防抖:
function debounce(fn, delay) { let timer = null; return function() { clearTimeout(timer); timer = setTimeout(() => { fn.apply(this, arguments); }, delay); }; }
调用方式:
const debouncedFunction = debounce(function() { // 这里是要执行的函数 }, 1000);
节流:
function throttle(fn, delay) { let timer = null; return function() { if (timer) { return; } timer = setTimeout(() => { fn.apply(this, arguments); timer = null; }, delay); }; }
调用方式:
const throttledFunction = throttle(function() { // 这里是要执行的函数 }, 1000);