本篇文章给大家带来的内容是关于javascript中函数节流与防抖的实现（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
函数节流（throttle）
名词解释
函数节流（throttle）：连续执行函数，每隔一定时间执行函数
使用场景
鼠标移动，mousemove 事件
DOM 元素动态定位，window对象的resize和scroll 事件
等等...
函数节流（throttle）简单实现
function throttle(fn, delay) {
var last; // 上次执行的时间
var timer; // 定时器
delay || (delay = 250); // 默认间隔为250ms
return function() {
var context = this;
var args = arguments;
var now = +new Date(); // 现在的时间
if (last && now < last + delay) { // 当前距离上次执行的时间小于设置的时间间隔
clearTimeout(timer); // 清除定时器
timer = setTimeout(function() { // delay时间后，执行函数
last = now;
fn.apply(context, args);
}, delay);
} else { // 当前距离上次执行的时间大于等于设置的时间，直接执行函数
last = now;
fn.apply(context, args);
}
};
}函数防抖（debounce）
名词解释
函数防抖（debounce）：空闲时间必须大于或等于一定值的时候，才会执行调用方法
php配置文件php.ini的中文注释版
下载
php配置文件php.ini的中文注释版是一本由多位作者编著的有关PHP内部实现的开源书籍。从环境准备到代码实现，从实现过程到细节延展，从变量、函数、对象到内存、Zend虚拟机…… 如此种种，道尽PHP之风流。
使用场景
文本输入keydown 事件
等等...
立即学习“Java免费学习笔记（深入）”；
函数防抖（debounce）简单实现
function debounce(fn, delay) {
var timer; // 定时器
delay || (delay = 250); // 默认空闲时间250ms
return function() {
var context = this;
var args = arguments;
clearTimeout(timer); // 清除定时器
timer = setTimeout(function() { // delay时间后，执行函数
fn.apply(context, args);
}, delay);
};
} 
