节流器
javascript的节流器主要用于延缓某些动作的执行，比如ajax请求，如果input框注册了input事件，那么当用户输入时就会持续的触发这个事件，如果回调函数中持续的通过ajax调用后台的接口，就会对服务器产生一定压力。这时就可以考虑采用某种方法来延缓ajax请求，比如可以这么做，当触发input事件后，延缓0.5s再调用后台的接口，这样在一定程度上就可以减轻服务端的压力。
下面来实现一个简单的节流器
/**
* 节流器
* @param [function] fn 事件触发后要调用的函数，也就是要节流的函数
* @param [object]context fn的执行上下文对象，没有执行对象设为null即可
* @param [number] delay 延缓执行的时间间隔 毫秒
* @param param fn需要的参数
* @return 无
*/
function throttle(fn, context, delay, param) {
clearTimeout(fn.timeoutId); fn.timeoutId = setTimeout(function () {
fn.call(context, param);
}, delay);
}
通过参数注释和代码应该能够大概看明白这个throttle要做的事情：延缓fn的执行，这个通过setTimeout函数来执行即可。
### 使用节流器
使用时也很简单，将fn、context、delay、params传入即可：
var ajaxFun = function() { // 略 };
throttle(ajaxFun, null, 500, someParams);其实上面的节流器代码还可以再简化，不过就没有上面的健壮了。
// 节流器
function throttle(fn, delay, param) {
setTimeout(function () {
fn(param);
}, delay);
}
这篇文章最初发表在我自己折腾的博客站点上：一个简单的javascript节流器实现，该博客用了一位前辈开源的源码，基于thinkjs和vuejs开发，欢迎大家来逛逛。