[JS] - [throttling and anti shake function]

1 Function throttling throttle

throttle.js Create a throttling function , stay wait Maximum execution in milliseconds callback once

 function throttle(fn, wait) {
    
  #  Define the start time 
  let start = 0;
  
  #  The return result is a function 
  return function (e) {
    
    //  Get the current timestamp 
    let now = Date.now();
    //  Judge 
    if (now - start >= wait) {
    
      //  correct this Point to the problem 
      fn.call(this, e);
      //  Modify start time 
      start = now
    }
  }
}

This method , It can be guaranteed that it will be triggered for the first time , This is followed by a trigger at a specified interval

2 Function anti shake debounce

function debounce(fn, time) {
    
  #  Timer variable 
  var timeId = null;
  
  //  Returns a function 
  return function () {
    
    #  Clear timer 
    clearTimeout(timeId);

    #  Restart the timer 
    timeId = setTimeout(() => {
    
      fn.apply(this);
    }, time);
  };
}