observable

김루루룽·2022년 5월 8일
0

React, Next.js

목록 보기
28/42
post-custom-banner

observable

Observable은 여러 값의 지연푸시 모음.
그들은 다음 표에서 누락된 자리를 채웁니다.

import { Observable } from 'rxjs';

const observable = new Observable(subscriber => {
  subscriber.next(1);
  subscriber.next(2);
  subscriber.next(3);
  setTimeout(() => {
    subscriber.next(4);
    subscriber.complete();
  }, 1000);
});

예제. 위 예제는 구독(subscribe)됐을 때, 동기적으로 값 1,2,3을 즉시 넣고, 1초 뒤에 4를 넣고 끝내는 Observable다.

Observable을 호출하고 값들을 보기위해서는 구독(subscribe) 해야한다.

import { Observable } from 'rxjs';

const observable = new Observable(subscriber => {
  subscriber.next(1);
  subscriber.next(2);
  subscriber.next(3);
  setTimeout(() => {
    subscriber.next(4);
    subscriber.complete();
  }, 1000);
});

console.log('just before subscribe');
observable.subscribe({
  next(x) { console.log('got value ' + x); },
  error(err) { console.error('something wrong occurred: ' + err); },
  complete() { console.log('done'); }
});
console.log('just after subscribe');

위 실행결과는 아래와 같다.

just before subscribe
got value 1
got value 2
got value 3
just after subscribe
got value 4
done

출처 : 개발공책

profile
1day 1push..plz
post-custom-banner

0개의 댓글