RxJS 매일 30분: 첫날

1434 단어

RxJs 간단한 시작


전언


RxJS는 Observables의 응답 프로그래밍을 사용하는 라이브러리로 비동기적이거나 리셋 기반 코드를 쉽게 작성할 수 있습니다.

간단한 RxJS 데모 1개


먼저 RxJS의 공식 데모를 살펴보겠습니다.
var observable = Rx.Observable.create(function (observer) {
    observer.next(1);
    observer.next(2);
    observer.next(3);
    setTimeout(() => {
        observer.next(4);
        observer.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

demo 해석


위의 데모에서 Rx를 호출합니다.Observable.create는 Observable에서 태어난 다음subscribe를 통해 이 Observable에 Observer를 전달하여 Observable의 변동을 관찰합니다.표현 형식을 보면 관찰자 모델을 바탕으로 하는 이벤트 모델과 유사하다. 즉, 하나의 이벤트 발송 모델이 발생하고 모델이 변동할 때 이벤트를 감청자에게 보내고 그 다음에 감청자가 응답한다.관찰자 모델과 다른 점은 모든 이벤트가next가 호출되었을 때 즉시 발송되지 않고 구체적인 Observer subscribe가 있을 때까지 기다렸다가 발송 시간을 시작한다는 것이다.지금 우리는 먼저 이 점을 기억하고 구체적인 것은 다음에 구체적으로 깊이 들어가자.Observable에 대한 공식 설명은 관찰 대상입니다.RxJS를 구성하는 가장 기본적인 요소입니다.Observer는 구체적인 데이터 소비자 대상으로 구체적인 Observable가 보낸 알림을 받는 데 사용된다.

완전한 데모


첫날

좋은 웹페이지 즐겨찾기