イベント間引き処理とは scrollイベントなどを使用したときはイベントを連続して呼び出してしまうので処理が多くなり、ブラウザに負荷がかかる。 // <p id="r"></p> var r = document.getElementById('r') function insertHello() { r.textContent += 'hello! ' } window.addEventListener('scroll', insertHello) スクロールイベント処理 サンプル そのため負荷軽減のため、イベントの呼び出しは指定した時間が経過した際に発生するようthrottleやdebounceを使用して処理することがある。 一般的にはlodashのthrottleやdebounceが使用されることが多い。 throttleとは イベントを呼び出し後、指定した時間が経過するまでは次のイ
![1分でわかるJavaScriptのthrottleとdebounceのイベント間引き処理](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f80af58e69a351a42b1467a8fc140cd3bcd4616/height=288;version=1;width=512/https%3A%2F%2Fiwb.jp%2Fwp-content%2Fuploads%2F2019%2F07%2Fjavascript-throttle-debounce-event-thinning-process.png)