防抖和节流如何实现



和

的

方法有很多种，以下是两种比较常见的

方式：

1. 使用setTimeout

和

：

 javascript f unc tion debo unc e(fn, delay) { let timer = null; return f unc tion() { clearTimeout(timer); timer = setTimeout(() => { fn.apply(this, arguments); }, delay); }; } 

：

 javascript f unc tion thro ttle (fn, delay) { let timer = null; return f unc tion() { if (!timer) { timer = setTimeout(() => { fn.apply(this, arguments); timer = null; }, delay); } }; } 

2. 使用时间戳

和

：

 javascript f unc tion debo unc e(fn, delay) { let timer = null; return f unc tion() { const now = +new Date(); if (timer && now - timer < delay) { clearTimeout(timer); } timer = setTimeout(() => { fn.apply(this, arguments); }, delay); }; } 

：

 javascript f unc tion thro ttle (fn, delay) { let lastTime = 0; return f unc tion() { const now = +new Date(); if (now - lastTime > delay) { fn.apply(this, arguments); lastTime = now; } }; } 

以上两种

方式都可以

和

，使用哪种方式取决于个人的喜好和具体应用场景。

版权声明：

本文来源网络，所有图片文章版权属于原作者，如有侵权，联系删除。

本文网址：https://www.mushiming.com/mjsbk/3431.html