カスタム実装による JavaScript の単純なスロットル

JavaScript を使用する場合、関数の実行速度の制御が重要になることがあります。スロットル関数は関数呼び出しの頻度を制限し、圧倒的な処理や反復的なユーザー アクションを防ぎます。

この投稿では、Lodash や Underscore などの外部ライブラリに依存せずにこれを実現するシンプルなカスタム スロットル関数を紹介します。

提供されたスロットル関数は機能しますが、望ましくない動作を示します。つまり、スロットル時間の経過後に関数が再度起動されます。これにより、特にキー押下イベントなどのシナリオで、意図しない関数呼び出しが発生する可能性があります。

これに対処するには、Underscore.js や Lodash などの確立されたライブラリの十分にテストされたコードに基づいてスロットル関数を実装することをお勧めします。参考までに、Underscore スロットル コードを少し変更したバージョンを次に示します。

function throttle(func, wait, options) {
  // ...
}

ただし、よりカスタマイズされた軽量のアプローチを希望する場合は、次の簡略化されたスロットル関数を検討してください。

function throttle (callback, limit) {
  // ...
}

この基本関数は、追加の構成オプションを必要とせずに、関数の実行を調整する簡単な方法を提供します。

カスタム オプションとオープンソース オプションの両方を提供することで、さまざまなコーディングに対応できるよう努めていることを忘れないでください。設定とプロジェクトの要件。