实现防抖和节流

防抖

防抖: 在事件被触发 n 秒后再执行回调，如果在这 n 秒内又被触发，则重新计时。等触发事件 n 秒内不再触发事件才执行。

/**
 * 防抖：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。等待触发事件n秒内不再触发事件才执行。
 * @param {Function} func 要执行的回调函数
 * @param {Number} wait 延时的时间 默认500
 */
function debounce(func, wait = 500) {
	// 定义定时器变量
	let timeout = null;
	return function() {
		// 清除定时器
		clearTimeout(timeout);
		//设置定时器
		timeout = setTimeout(() => {
			typeof func === 'function' && func()
		}, wait);
	}
};

节流

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

/**
* 节流：当持续触发事件时，保证一定时间段内只调用一次事件处理函数。
* @param {Function} func 要执行的回调函数
* @param {Number} wait 延时的时间
*/
function throttle(func, wait = 500) {
	// 定义定时器变量
	let timer = null;
	return function() {
		// 存在定时器，则不处理
		if (timer) return
		//设置定时器
		timer = setTimeout(() => {
			typeof func === 'function' && func()
			timer = null
		}, wait);
	}
};