?? ? ???? ??? ???? ?? ??? ????? JavaScript? ? ?? ?????. 1. ??? ??? ?? ??? ? ??? ???? ????, ?? ?? ?? ??, ? ?? ?? ?? ??? ?????? ??? ????? ????. 2. ???? ??? ?? ? ?? ?? ??? ? ?? ????? ????. ?? ??? ????, ??? ?? ? ?? ??? ?? ???? ?? ????? ?????. ? ?? ???? ???? ???? ?? ??? ?????. ???? ????? ??? ? ??? ???? ???? ????? ?????. ??? ??? ?? ???? ???, ?? ?? ?? ? ??? ???? ?? ?????? ?????? Lodash ?????? ???? ??? ? ????.

JavaScript ???? ??? ??? (? : ???, ? ?? ??, ?? ?? ?? ?)? ?? ? ? ???? ??? ?? ??? ??? ? ????. ?? ? ???? ??? ?????? ?? ?? ??? ????? ??? ????? ? ????? ???? ? ?? ?? ?????.

?? ? ??????

??? ?? ????? ??? ????. ??? ?? ??? ??? ??? ??? ??? ?? ?? ?? ?? ? ?????? ???? ?? ????? ???? . "???? ???? ?? ??? ????? ????"????? ?????.

???? ??? ??? ????.

• ??? ????? ??? ?????? (?? ?? ??)
• ? ?? ?? ???
• ?? ??

?? ??, ???? ???? ??? ?? ? ??? ??? ??? ????. ?? ?? ???????. ??? ?? ? ? ???? 300ms ???? ?? ? ?? ? ????? ???? ??? ? ????.

?? ??? ??? ????.

 ?? ?? (fn, ??) {
  ??????;
  return (... args) => {
    ??? ?? ?? (???);
    ??? = settimeout (() => fn.apply (this, args), ??);
  };
}

??? ? :

 const searchInput = document.getElementById ( 'search');
searchInput.addeventListener ( '??', ?? (E) => {
  console.log ( '?? :', e.target.value);
}, 300));

????? ??????

???? ??? ? ?? ?? ??? ? ??? ???? ??? ??? ?? ?? ??? ? ?? ??????? ? ???. "?? ?? ??"? ?????.

???? ?? ???? ????? ??? ????.

• ??? ??? ?? (? : ?? ?????)
• ???
• ??? ?? ??

?? ??, ???? ????? ???? ??? ? ??? ??? ???? ?? ??? ?????. ?? ?? ???? ???? 200ms?? ???? ?? ??? ?? ?? ? ????.

??? ??? ??? ????.

 ?? ??? (fn, ??) {
  LastCall = 0???;
  return (... args) => {
    const now = new date (). gettime ();
    if (?? - lastCall> = ??) {
      fn.apply (this, args);
      LastCall = ??;
    }
  };
}

??? ? :

 window.addeventListener ( '???', ??? (() => {
  console.log ( '??? ...');
}, 200);

??? ???? ??? ??

??? ? ??? ?? ??? ? ????.

• ???? ?? ???? "????"? ??? ????? ??? ??????.
• "? ?? ? ?? ?? ??"? ???? ???? ??????.

?? ?? ??????? ?????

1. this ???? ?? : ??? ????? ??/??? ?? ??? ????? ?? ??? ???????? ??????.
2. ???? ?? ?? : ?? ?? ??? ????? apply() ?? call() ? ??????.
3. ?? ??? : ?? ??? "?? ??"??? ???? ??? ?? ?? ? ? ????.
4. ??? ????? : LODASH? ??? ?? ? ??? ??? ????? ?? ?? ? ??? ? ????.

????? ?? ??. ? ? ??? ????? ??? ?? ???? ?? ????? ??? ??? ?????? ??? ??? ? ? ????.

? ??? JavaScript? ?? ?????? Decouncing ? Throttling ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!