Difference between audit and debounce in RxJS?

Question

I am reading the official documentation of RxJS and then I realized they both are doing exactly the same thing.

To me they both seem exactly similar.

Please point out the difference between them if there is any at all.

Celle

I disagree with closing them, it seems like a fine question – Faefaeces

Answer 1

I'm going to describe the difference between them in terms of their Time versions as that's how I understand them best.

Both auditTime and debounceTime will initially start a timer when an event comes in. Both will wait the given amount of time before they emit an event. The difference is that debounceTime resets the timer whenever a new event comes in while auditTime does not. auditTime will emit the most recent event after the given number of milliseconds whether or not it is still receiving events. debounceTime will wait for a gap in the events. You said you read the documentation but just to double check I have found this document particularly helpful.

Conservatoire

that help me alot – Transience

So turns out auditTime is same as throttleTime with { leading: false, trailing: true } config parameter. – Tideland

Answer 2

Heres a marble diagram to compare the *Time counterparts:

Each value here represents time of its emission.

Play with this marble diagram here: debounceTime vs throttleTime vs auditTime vs sampleTime

And here is a more in-depth review: RxJS debounce vs throttle vs audit vs sample | dev.to

Already having an awesome answer by @qfwfq, I wanted to add a more visual explanation.

Hope this helps someone

Collusion

LOVE marble diagrams and I love this answer. Seeing the comparison of the different options makes it very clear which one I need. Thank you – Pence

Answer 3

Probably the best explanation is from rxjs's source code itself:

audit is similar to throttle, but emits the last value from the silenced time window, instead of the first value. audit emits the most recent value from the source Observable on the output Observable as soon as its internal timer becomes disabled, and ignores source values while the timer is enabled. Initially, the timer is disabled. As soon as the first source value arrives, the timer is enabled by calling the durationSelector function with the source value, which returns the "duration" Observable. When the duration Observable emits a value, the timer is disabled, then the most recent source value is emitted on the output Observable, and this process repeats for the next source value.

Gordon

Answer 4

auditTime vs sampleTime

This is about auditTime and sampleTime difference. mabey you can use this img to understand the difference.

Jackfish

Doesn't kos' answer from four years ago already cover this? – Yoakum