节流和防抖

节流（throttling）和防抖（debouncing）是前端开发中常用的优化技术，主要用来控制事件触发的频率。

节流指的是在一定时间间隔内只执行一次事件，时间间隔可以自定义，比如说每隔200毫秒触发一次事件。这个技术常用于限制事件被频繁触发，比如说窗口大小改变时需要重新计算页面布局的情况。

防抖则是在事件连续触发时，只执行最后一次触发的事件。比如说在输入框中输入文字时，只在用户输入完成后才执行搜索操作，避免频繁搜索耗费浏览器性能。

总的来说，节流和防抖的目的都是减少事件的触发次数，提高页面性能和用户体验。具体使用哪种技术要根据具体场景进行判断。

防抖(debounce)和节流(throttle)是两种常见的函数优化方法。

防抖是指在某个时间段内只执行一次函数，通常是在连续触发某个事件后等待一段时间，如果在这段时间内没有再次触发该事件，则执行该函数。防抖的代码实现如下：

function debounce(func, wait) {
  let timeout;
  return function() {
    const context = this;
    const args = arguments;
    clearTimeout(timeout);
    timeout = setTimeout(() => func.apply(context, args), wait);
  };
}

这个函数接收两个参数：需要执行的函数和等待的时间。使用闭包和setTimeout实现了防抖功能。

节流是指在某个时间段内只执行一次函数，通常是在连续触发某个事件时，每隔一段时间执行一次函数。节流的代码实现如下：

function throttle(func, wait) {
  let timeout;
  return function() {
    const context = this;
    const args = arguments;
    if (!timeout) {
      timeout = setTimeout(() => {
        func.apply(context, args);
        timeout = null;
      }, wait);
    }
  };
}

这个函数接收两个参数：需要执行的函数和间隔的时间。使用闭包和setTimeout实现了节流功能。