梗概:

  • 防抖: n 秒后在执行该事件,若在 n 秒内被重复触发,则重新计时
    • 防抖保证稳定的执行一次
      • 调用的参数是最后一次调用传入的参数
    • 触发之后延迟执行
  • 节流: 等执行完上一次操作后的一段延迟后,才能继续执行下一次操作
    • 节流可能在延迟边界时被触发两次
    • 触发之后马上执行

实现方法:

适用范围

场景

防抖

  • 输入框搜索建议
  • 窗口大小调整

节流

  • 滚动事件
  • 按钮点击