什么是JavaScript的防抖与节流

/*定义防抖函数 * func：传入一个函数，事件不再持续触发时会调用该函数 * delay:定义持续多久后执行传入的回调函数 * */ function debounce(func,delay) {  let timer = null  // 用于保存定时器  return function (...args) {   // 如果定时器存在，清除定时器，随后重新设置timer   if(timer !== null) clearTimeout(timer)   timer = setTimeout(func, delay)  // 超过delay为接收到事件会调用这里的func   必要的额时候可以修改func的this指向  由于timer对外部存在引用，因此不会被销毁  } } /*事件处理函数*/ function testDeBounce(){  console.log('你看我执行了几次？？') } // 接收debounce返回的函数 const temp = debounce(testDeBounce(),1000) /*绑定事件，测试防抖函数*/ window.addEventListener('scroll',()=>{  temp() }); // 这样写最少调用一次事件处理函数，最多也不会多余下面的写法执行的次数 window.addEventListener('scroll', testDeBounce); // 如果这样写的话，每当页面滚动就会调用事件处理函数

/* * 定义定时器节流函数 * func:传入事件处理函数 * delay：在delay指定的时间内定时器回调无效 * */ function throttle(func,delay) {  let timer = null  const context = this  return function(...args){   // 如果定时器不存在   if(!timer){    timer = setTimeout(()=>{     func.apply(context,args) // 考虑返回的函数调用的环境，因此这里不直接使用this     timer = null // delay之后清除定时器    },delay)   }  } } function test() {  console.log('啊啊啊！') } const temp = throttle(test,1000) document.querySelector('button').addEventListener('click',()=>{  temp() })

var throttle = function(func, delay) {            　　var prev = Date.now();            　　return function() {                　　　　var context = this;                　　　　var args = arguments;                　　　　var now = Date.now();                　　　　if (now - prev >= delay) {                    　　　　　　func.apply(context, args);                    　　　　　　prev = Date.now();                　　　　}            　　}        }    function handle() {            　　console.log(Math.random());        }        window.addEventListener('scroll', throttle(handle, 1000));

// 节流throttle代码（时间戳+定时器）：var throttle = function(func, delay) {         var timer = null;         var startTime = Date.now();         return function() {                     var curTime = Date.now();                     var remaining = delay - (curTime - startTime);                     var context = this;                     var args = arguments;                     clearTimeout(timer);                      if (remaining <= 0) {                                func.apply(context, args);                                startTime = Date.now();                      } else {                                timer = setTimeout(func, remaining);                      }          }}function handle() {          console.log(Math.random());} window.addEventListener('scroll', throttle(handle, 1000));