を理解するJavaScript debouncing

をJavaScriptで理解する「debounce」関数は、イベントの処理を最適化し、過度の機能呼び出しを防止する上で重要な役割を果たします。これは、最後の呼び出し以来、特定の時間が経過するまで関数の実行を遅らせることで機能します。 var Timeout; return function（）{ var context = this、args = arguments; var later = function（）{ タイムアウト= null; if（！interim）func.apply（context、args）; }; var callnow = intime &&！timeout; ClearTimeout（Timeout）; Timeout = setimeout（後で、待ちます）; if（callnow）func.apply（context、args）; }; };

それがどのように機能するかを理解するために、各部分を分析しましょう：

function debounce(func, wait, immediate) {
  var timeout;
  return function() {
    var context = this, args = arguments;
    var later = function() {
      timeout = null;
      if (!immediate) func.apply(context, args);
    };
    var callNow = immediate && !timeout;
    clearTimeout(timeout);
    timeout = setTimeout(later, wait);
    if (callNow) func.apply(context, args);
  };
};

'flag：

このオプションフラグは、遅延期間が発生する前に最初の呼び出しですぐに機能を実行する必要があるかどうかを決定します。即時がtrueに設定されている場合、関数は最初の呼び出しで実行され、その後の呼び出しに遅延を適用します。タイムアウトをクリアし、「即時」がfalseの場合、討論された関数を実行します。 [trueに評価される場合、関数をすぐに実行する必要があることを意味します。または「callnow」はfalseで、指定された遅延期間後に関数を実行するようにタイムアウトが設定されています。タイムアウトの有効期限が切れる前に別の呼び出しが発生した場合、タイムアウトがリセットされます。不要または反復関数呼び出し。