js事件处理

debounce(防抖）

当触发高品事件后n秒内函数只会执行一次，如果N秒内高频时间再次触发，则时间重新进行计算。

		const debounce = (fn,time) =>{
			let timeout = null;
			return function(){
				clearTimeout(timeout)
				timeout = setTimeout( () => {
					fn.apply(this,arguments);
				},time)
			}
		}

防抖常用于用户进行搜索输入节约请求资源，window触发resize事件时进行防抖只触发一次。

throttle(节流）

高频时间触发，单N秒内只会执行一次，所以节流会稀释函数的执行频率。

		// 节流
		const throttle = (fn,time) => {
			let flag = true;
			return function(){
				if(!flag) return;
				flag = false;
				setTimeout(() => {
					fn.apply(this,arguments);
					flag = true;
				},time);
			}
		}

节流常用于鼠标不断点击触发、监听滚动事件。
关注微信公众号前端凌影，一起学习吧！