JS 节流

  • Throttling and debouncing in JavaScript
  • Debounce Deep Dive — JavaScript ES6

debounce 函数是从松手那一刻开始,300 毫秒之后才会打印出东西

JS 节流_第1张图片
image.png

不论你按多少此按键,只会打印最后一次按的键。
达到的效果就是按键在300毫秒的时间内,不管按多少次按键,都只会限制最后一次按的,
但是300秒之后,可以再次按

  • 如果是手机段想要在手触摸按钮后,松手 1秒 才可以再次操作,可以这样
document.getElementById('button').ontouchstart = debounce((e) => {
        console.log(e);
    }, 1000)

你可能感兴趣的:(JS 节流)