22-03-13-SUN

[snaag]

• MY REPO: https://github.com/snaag/study-rxjs
• COMMIT: https://github.com/snaag/study-rxjs/commit/cb393dabb0382fda4227af1f825c444b0b2a7b1c
• LECTURE: (강의) 얄코의 반응형 프로그래밍, rxjs 이미지-yalco 블로그
• SUBJECT: rxjs - operators (time)

[snaag]

operators

• debounceTime(N)
• auditTime(N)
• sampleTime(N)
• throttleTime(N, scheduler, config)

[snaag]

Log

1. debounceTime(N)

• 마지막 발행물 이후 N ms 뒤에, 해당 마지막 발행물 발행

print('✅ debounceTime');
clicks$.pipe(
  debounceTime(1000)
).subscribe(x => print('OUTPUT: -------- ' + x))

2. auditTime(N)

• N ms 안에 발행된 발행물 중, 가장 마지막 발행물 발행
• ❗️ 최초 발행물 이후 N 초 카운트

print('✅ auditTime');
clicks$.pipe(
    auditTime(3000)
).subscribe(x => print('OUTPUT: -------- ' + x))

3. sampleTime(N)

• N ms 안에 발행된 발행물 중, 가장 마지막 발행물 발행
• ❗️ 발행물과 무관한 타이머

print('✅ sampleTime');
clicks$.pipe(
    sampleTime(2000),
).subscribe(x => print('OUTPUT: -------- ' + x))

4-1. throttleTime(N, scheduler, { leading: true, trailing: false})

• ❗️ leading: true
• N ms 안에 발행된 발행물 중 최초에 발행된 발행물만 살리고, 나머지는 무시 (시간은 카운트됨)

print('✅ throttleTime (leading: true)');
clicks$.pipe(
    throttleTime(1000, undefined, { 
      leading: true, trailing: false
    })
).subscribe(x => print('OUTPUT: -------- ' + x))

# ⏰: 타이머 시작
# 🔚: 타이머 종료
# ⭕️: 살았음
# ❌: 무시됨

# clicked: 695 ⏰ ⭕️
# OUTPUT: -------- 695 🔚
# clicked: 1043 ❌
# clicked: 1392 ❌
# clicked: 1741 ❌
# clicked: 1988 ❌
# clicked: 2293 ⏰ ⭕️
# OUTPUT: -------- 2293 🔚
# clicked: 4035 ⏰ ⭕️
# OUTPUT: -------- 4035 🔚
# clicked: 4407 ❌
# clicked: 4744 ❌
# clicked: 4991 ❌
# clicked: 7669 ⏰ ⭕️
# OUTPUT: -------- 7669 🔚

4-2. throttleTime(N, scheduler, { leading: false, trailing: true})

• N ms 안에 발행된 발행물 중 마지막에 발행된 발행물만 살림

print('✅ throttleTime (trailing: true)');
clicks$.pipe(
    throttleTime(1500, undefined, { 
        leading: false, trailing: true
    })
).subscribe(x => print('OUTPUT: -------- ' + x))

# clicked: 921 ⏰
# clicked: 1641 ❌
# clicked: 2215 ⭕️
# OUTPUT: -------- 2215 🔚
# clicked: 2823 ⏰
# clicked: 3385 ❌
# clicked: 3824 ⭕️
# OUTPUT: -------- 3824 🔚
# clicked: 4228 ⏰
# clicked: 4769 ❌
# clicked: 5252 ⭕️
# OUTPUT: -------- 5252 🔚
# clicked: 5701 ⏰
# clicked: 6231 ❌
# clicked: 6715 ⭕️
# OUTPUT: -------- 6715 🔚

[snaag]

auditTime, sampleTime 차이 => 타이머

• auditTime: 발행물을 발행한 이후부터 타이머 잼
• sampleTime: 발행물과 무관하게 타이머는 계속 돌아감.
• ex) N이 3000일 때, 두 발행물의 간격이 3초 이하인 경우
  • auditTime: 마지막 발행물만 발행됨
  • sampleTime: 각 발행물의 발행 시간이, (발행물과 무관하게 돌리고있는 타이머 기준으로) 1초 내에 있다면 마지막 발행물이 발행되고, 1초 뒤에 있다면 두 발행물 모두 발행됨

[snaag]

auditTime 과 throttleTime (trailing: true) 의 차이

• conflict 일 때
• 디테일한건 다음에 ㅎ..