函数防抖：让某个函数的执行推迟，如果在推迟期间执行函数，会将函数进一步推迟

1.某个函数的执行推迟，如果在推迟期间执行函数，会将函数进一步推迟

2.打个比方，例如电梯开门后，只要有人进入的时候就不会关门，会延迟关门，直到最后一个人进入，才会关闭，函数防抖也是这样的，会等到最后一个事件结束后，才运行函数。适用于一些频繁触发事件的场景。

/**
 *
 * @param {*} fn 传入一个函数
 * @param {*} delay 传入一个时间，以毫秒为单位
 * @returns
 */
function debouce(fn, delay) {
  var timeId;
  return function () {
    //不确定形参的时候，把arguments切割成数组
    var args = Array.prototype.slice.call(arguments);
    clearTimeout(timeId); //清除第一个计时器
    timeId = setTimeout(function () {
    //apply第一个参数可以随便传，比如null，undefined，这里传入this
      fn.apply(this, args); //通过apply方法传入数组里面
    }, delay);
  };
}
//定义一个求和函数
var fn = function(a,b){
    console.log(a+b);
}
var newFn = debouce(fn,1000);
newFn(1,2);
newFn(3,4);
//最终一秒后输出7

上面这种方法略显冗余，也可以用...args来吸收剩余参数，js的箭头函数是没有this和arguments变量的，如果这2个变量可以打印出来值，那么他们一定是来自父级作用域的

/**
 *
 * @param {*} fn 传入一个函数
 * @param {*} delay 传入一个默认时间，以毫秒为单位
 * @returns
 */
const debouce = (fn, delay = 1000) => {
  let timerId;
  return (...args) => {
    clearTimeout(timerId);
    timerId = setTimeout(() => fn(...args), delay);
  };
};
//定义一个简单的求和函数fn
const fn = (a, b) => {
  console.log(a + b);
};
const newFn = debouce(fn);
newFn(1, 2); //延迟输出3
newFn(3, 4); //延迟输出7
// 最终一秒后输出7

                                                                在校小白，如果有错误，请各位大佬指导