lodash-es 防抖和节流
时间: 2023-10-21 09:05:00 浏览: 308
lodash-es库中提供了防抖(debounce)和节流(throttle)这两个函数。防抖和节流都是用来控制函数的执行频率的。
防抖函数(debounce)在函数触发后会延迟执行一段时间,如果在延迟时间内再次触发,则重新计时。只有等待一段时间后没有再次触发,才会执行函数。
节流函数(throttle)则是规定一个时间间隔,在该时间间隔内只能执行一次函数,如果在间隔时间内多次触发,则只会执行一次函数。
lodash-es库中的防抖函数和节流函数使用方式如下:
```javascript
import { debounce, throttle } from 'lodash-es';
const debounceFunc = debounce(() => {
console.log('debounce');
}, 1000);
const throttleFunc = throttle(() => {
console.log('throttle');
}, 1000);
// 示例代码中使用了箭头函数,你可以将其替换为其他想要执行的函数
// 使用防抖函数
debounceFunc();
// 使用节流函数
throttleFunc();
```
阅读全文