防抖: 在事件被触发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);
};

节流: 当持续触发事件时,保证一定时间段内只调用一次事件处理函数。

/**
 * 节流:当持续触发事件时,保证一定时间段内只调用一次事件处理函数。
 * @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);
};
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐