节流和防抖的实现

节流和防抖

特点

1.节流的特点：指定的delay时间段中，无论调用多少次方法，只触发一次。
2.防抖的特点：调用方法后，在delay时间过后，才会触发方法，如果delay内又调用方法，则重新计时。
3，实现方式：两者的实现方式都是利用闭包，闭包就是，函数 + 函数可访问的局部变量[^1]（该变量可以一直保存在内存中）
4.另外俺个人觉得它俩的简单实现版还有一个特点，一个掐头儿 一个去尾儿。防抖的第一次调用不立即执行；节流的最后一次调用可能不会执行

简单实现

节流简单版

// 节流的简单实现
function throttle(method,delay){
   
  let lastTime = 0;
  return function(...args){
   
	const now = + new Date();
	if(now - lastTime > delay){
   
		method.call(this,...args);
		lastTime = now;
	}
  }
}

上述代码可以看出，节流第一次99.99%的几率会执行，另外那0.01是传的delay太大导致的哦。正常人不会这么做吧。
言归正传，通过上面节流函数封装后，最后一次的调用不一定会触发ÿ