速度制限関数がTypescriptを呼び出す

Question

更新：スロットルが過剰な関数呼び出しを削除することがわかったので、正しいツールではありません。あまりにも速く行ったり、アイテムを削除したりせずに、キュー内のすべてのアイテムを処理するという慣用的なやり方はまだ好きです。

---

レート制限付きのAPIに当たるノードアプリケーションを作成しています。私はそれらを送ることが許されているよりもずっと早くコールを作ることができます。私はコールの待ち行列を消費したいですが、あまりにも速く行ったり、それらのいずれかをドロップすることなく。私は自分の悩みを説明するために、小さなtypscriptテストを行った：

import * as _ from "lodash"; 

let start = new Date().getTime(); 

function doLog(s: string) { 
    let elapsed = new Date().getTime() - start; 
    console.log(`${s} ${elapsed}`); 
} 

let array = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']; 
let throttled = _.throttle(doLog, 100); 
array.forEach(s => throttled(s)); 

私はおおよそのような出力を見ると期待：

a 2 
b 101 
c 203 
d 302 
e 405 
f 502 
g 603 
h 706 
i 804 
j 902 

しかし、その代わりに、私は以下を参照してください

a 2 
j 101 

私は」いくつかの奇妙な観察ve製：

• スロットルが100msのとき、si配列のzeが無関係のように見えます：2つの要素か20かに関係なく、配列の最初と最後の項目を出力します。
• 1msのスロットルでは、配列の前面から3〜6要素、要素

Answer 1

あなたはおよそdoLog()が安全であることを気にしない場合は、次を呼び出す前に「完了します」 1、あなただけのアダムsetTimeout

let array = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']; 
array.forEach((s, i) => setTimeout(doLog, i*100, s)); 

を使用することができますthrottleこのCASで良くない理由として良い説明を与えますe。

Answer 2

抑制機能が待機期間中に複数回呼び出された場合、以降の呼び出しは無視されます。配列内のすべてのアイテムを処理する必要がある場合は、throttle()はおそらくあなたが望むものではありません。たとえば、UIの過度の更新を防ぐのに適しています。

出力に常にaとjが表示されるのは、先頭と後端のためです。配列全体は100ms未満で処理されましたが、先頭と末尾のデフォルトがtrueであるため、これらの呼び出し（抑制された関数の最初と最後の呼び出し）が両方とも表示されています。あなたがRxJSを使用することをいとわないだろう場合は、この答えはあなたがかなり慣用的にこれを実現させます

Answer 3

：

https://stackoverflow.com/a/31855054/553003