Throttle
Throttling bedeutete ursprünglich, die Strömungsgeschwindigkeit einer Flüssigkeit mittels eines Hindernisses zu verlangsamen. Im Programmierkontext bezieht es sich darauf, einen Prozess so zu verlangsamen, dass eine Operation nur mit einer bestimmten Rate ausgeführt werden kann.
Throttling ist dem Debouncing sehr ähnlich. Der Hauptunterschied besteht darin, dass Throttling bei kontinuierlichen Aufrufen sicherstellt, dass die Operation weiterhin mit einer bestimmten maximalen Rate ausgeführt wird, während Debouncing unendlich wartet, bis die Aufrufe für eine gewisse Zeit aufhören.
Ein typischer Anwendungsfall für Throttling ist die Synchronisation mit einem anderen ständig aktualisierten Zustand. Betrachten Sie eine Funktion onScrolled
, die auf das scroll
-Ereignis hört. Das scroll
-Ereignis kann so oft wie bei jedem gescrollten Pixel ausgelöst werden, sodass die Funktion in sehr kurzen Abständen aufgerufen wird. Wenn onScrolled
rechnerisch aufwendig ist, könnten frühere Aufrufe spätere Aufrufe daran hindern, rechtzeitig stattzufinden, oder andere Aufgaben daran hindern, in der Zwischenzeit ausgeführt zu werden, was zu einem spürbaren Jank führt. In diesem Fall können wir onScrolled
drosseln, sodass es höchstens alle 10 Millisekunden aufgerufen werden kann:
- Der erste Aufruf von
onScrolled
wird als Leading Edge bezeichnet. - Bei jedem weiteren Aufruf von
onScrolled
, wenn dieser innerhalb von 10 Millisekunden nach dem ersten Aufruf liegt, befindet er sich in derselben "Gruppe" wie der erste Aufruf. - Nachdem 10 Millisekunden seit dem ersten Aufruf von
onScrolled
vergangen sind, haben wir die Trailing Edge erreicht.
Üblicherweise wird onScrolled
nur einmal an der Leading Edge ausgeführt, obwohl es manchmal an der Trailing Edge oder sogar an beiden Rändern ausgeführt werden kann, abhängig vom spezifischen Anwendungsfall. Wenn es an beiden Rändern ausgeführt wird, sorgt die Throttling-Implementierung normalerweise auch dafür, dass der nächste Aufruf der Leading Edge nicht mindestens 10 Millisekunden nach dem vorherigen Aufruf der Trailing Edge stattfindet.
Durch Throttling wird der Effekt von onScrolled
weiterhin kontinuierlich aktualisiert und angewendet — beispielsweise wird, wenn es ein anderes DOM-Element basierend auf der Scrollposition des Dokuments bewegt, dieses DOM-Element weiterhin kontinuierlich bewegt, während die Seite scrollt — aber es wird nicht häufiger als nötig ausgeführt.
Netzwerk-Throttling bedeutet, eine langsamere Netzwerkverbindung zu simulieren, indem nur eine bestimmte Datenmenge gleichzeitig übertragen werden darf. Das Drosseln eines Timers bedeutet, die Auflösung des Timers zu reduzieren, sodass beim kontinuierlichen Lesen des Timers (wie z.B. Date.now()
) sich der Timerwert nur mit einer bestimmten maximalen Rate ändert. Beide sind spezielle Anwendungen des allgemeinen Konzepts des Throttling.
Siehe auch
- Glossarbegriffe:
- Debouncing und Throttling erklärt an Beispielen auf CSS-Tricks (6. April 2016)