深圳网站设计公司哪家便宜上海网站推广联盟

节流和防抖都是通过降低事件执行的频率而达到节省资源的效果

节流

一段时间只执行一次，多少秒之后获取验证码、resize 事件和scroll 事件等

类似王者荣耀中的传送，一段时间内只能传送一次，具体实现如下：

function throttle(fn, delay) {let lastTime = 0;return function () {let currentTime = Date.now();if (currentTime - lastTime > delay) {lastTime = currentTime;fn.apply(this, arguments);}};
}

防抖

一段时间内连续触发事件，只执行最后一次，如搜索，手机号、邮箱地址的校验

类似王者荣耀中的回城操作，如果被打断则重新计时，不打断则执行最后一次操作。

代码实现如下：

function debounce(fn, delay) {let timer = null;return function () {if (timer) {clearTimeout(timer);}timer = setTimeout(() => {fn.apply(this, arguments);}, delay);};
}

具体应用实现如下：

&