节流: 当持续触发事件时,保证一定时间段内只调用一次事件处理函数。
/**
* 节流:当持续触发事件时,保证一定时间段内只调用一次事件处理函数。
* @param {Function} func 要执行的回调函数
* @param {Number} wait 延时的时间
*/
function throttle(func, wait = 500) {
// 定义定时器变量
let timer = null;
// 存在定时器,则不处理
if (timer) return
//设置定时器
timer = setTimeout(() => {
typeof func === 'function' && func()
timer = null
}, wait);
};
还有一个防抖函数
防抖: 在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。等触发事件n秒内不再触发事件才执行。
/**
* 防抖:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。等待触发事件n秒内不再触发事件才执行。
* @param {Function} func 要执行的回调函数
* @param {Number} wait 延时的时间 默认500
*/
function debounce(func, wait = 500) {
// 定义定时器变量
let timeout = null;
// 清除定时器
if (timeout !== null) clearTimeout(timeout);
//设置定时器
timeout = setTimeout(() => {
typeof func === 'function' && func()
}, wait);
};
网友回复