【前端学习】—函数防抖（十）

一、什么是函数防抖

函数防抖：事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。

二、代码实现

 <script>
      const searchElement = document.getElementById("searchElement");
      //返回值是函数
      //固定时间间隔执行事件响应函数
      const debounce = (fn, initial) => {
        let timer = null;
        return () => {
          clearTimeout(timer);
          timer = setTimeout(fn, initial);
        };
      };

      searchElement.oninput = debounce(function (event) {
        const value = searchElement.value;
        console.log(`value`, value);
      }, 1000);
    </script>