JS代码-节流函数（时间戳与定时器版本）
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本文介绍了如何使用JavaScript实现节流函数，包括基于时间戳和定时器的两种方法，帮助开发者优化高频事件处理。
节流函数是JavaScript编程中的一个常用技巧，用于限制特定操作的执行频率。这里提供两种实现方式：一种基于时间戳，另一种使用定时器。
**1. 时间戳版**
```javascript
function throttleByTimestamp(func, delay) {
let canRun = true;
return function(...args) {
if (!canRun) return;
func.apply(this, args);
canRun = false; // 设置为不可运行状态
setTimeout(() => {
canRun = true; // 在延迟后重新设置为可运行
}, delay);
};
}
```
**2. 定时器版**
```javascript
let timerId;
function throttleByTimer(func, delay) {
return function(...args) {
if (!timerId) {
func.apply(this, args); // 如果没有定时器，则立即执行函数
timerId = setTimeout(() => {
clearTimeout(timerId);
timerId = null; // 清除并重置计时器以准备下一次触发
}, delay);
}
};
}
```
这两种方法都是为了确保某个函数不会在短时间内被频繁调用，从而优化性能或限制资源消耗。
全部评论 (0)
