RxJS operators의 여행 【1】auditTime과 throttleTime

1828 단어 AngularRxJSoperator
여러분, RxJS를 사용하고 있습니까?

프런트 엔드 프레임 워크로서 Angular를 채용하고있는 경우는, 싫어도 RxJS에 접할 것이라고 생각합니다. 많다 RxJS 운영자

auditTime과 throttleTime의 차이



auditTime




auditTime 보다 인용
auditTime(duration) 는, 소스의 stream 로부터 데이터가 흐르고 나서 duration (밀리 세컨드)만 기다리고 나서 그 시점에서의 최신의 값을 emit 합니다.

자주 바뀌는 값을 솎아 내고 싶은 경우에 유효합니다. 비슷한 operator로서 debounceTime도 있습니다만, debounceTime의 경우는 값이 안정될 때까지는 값이 emit 되지 않는 특징이 있습니다.

throttleTime





throttleTime 보다 인용
throttleTime(duration) 는, 소스의 stream 로부터 데이터가 흐르고 나서 emit 해, 그 후 duration(밀리 세컨드)의 사이는 값을 emit 하지 않고 무시합니다.

애니메이션이나 트랜지션이 있는 UI의 조작에 대한 연타를 막는 등의 시츄에이션으로 유효합니다

auditTime과 throttleTime의 차이점



둘 다 "값을 씨닝한다""값이 자주 바뀌어도 그 간격을 duration 이상으로 유지한다"라는 특징이 있습니다. 그러나, 「처음의 값이 오고 나서 일정 시간 후에 emit」와 「처음의 값이 오면 emit 해, 그 후 일정 시간 emit 하지 않는다」라고 하는 차이가 있습니다.

요약



operator는 많이 있어 잘 다룰 수 없는 것이 많습니다만, 1개 1개의 기능을 봐 가면 심플한 설계가 되어 있어, 사용소를 생각하는 것으로 습득에 연결될 것 같습니다.

좋은 웹페이지 즐겨찾기