[JavaScript知识库]JavaScript - 防抖与节流 基础代码

防抖

无论你触发了多少次函数, 只执行最后一次函数

  	function debounce(func, delay) { //delay 时间
  		var timer;
  		return function (){
  			var context = this;
  			var arg = arguments;
  			clearTimeout(timer);    // 先清除计时器

  			timer = setTimeout(function(){
  			function .apply(context, arg)   // 为了保证 this 正确指向
  		})
  	}
  }

节流:

不管你触发了多少次函数, 规定的时间内只执行一次

  function throttle(fn, wait) {   // wait 时间
  	var timer;

  	return function() {
  		var context = this;
  		var arg = arguments;

  		if(!timer) {
  			timer = setTimeout(function(){
  			timer = null;
  			fn.apply(context, arg);
  			}, wait)
  		}
  	}
  }