js 手写防抖和节流函数
时间: 2023-09-29 09:02:53 浏览: 124
js代码-手写防抖函数
好的,我可以回答你关于 JavaScript 手写防抖和节流函数的问题。
先,防抖和节流函数是为了解决高频率触发某个事件时,减少事件触发的次数,提高性能而设计的。
防抖函数的作用是在某个函数触发后,延迟一定的时间再执行这个函数,若在延迟时间内,这个函数又被触发,则重新计时,最后只会执行一次这个函数。以下是防抖函数的示例代码:
```javascript
function debounce(func, delay) {
let timer = null;
return function () {
const context = this;
const args = arguments;
clearTimeout(timer);
timer = setTimeout(function () {
func.apply(context, args);
}, delay);
};
}
```
节流函数的作用是在某个函数触发后,不立即执行这个函数,而是等到一定的时间后,才执行这个函数,若在等待时间内,这个函数又被触发,则忽略这个函数的执行。以下是节流函数的示例代码:
```javascript
function throttle(func, delay) {
let timer = null;
return function () {
const context = this;
const args = arguments;
if (!timer) {
timer = setTimeout(function () {
func.apply(context, args);
timer = null;
}, delay);
}
};
}
```
以上就是 JavaScript 手写防抖和节流函数的基本实现方法。
阅读全文