RxJS 매일 30분: 첫날
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가 보낸 알림을 받는 데 사용된다.
완전한 데모
첫날
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSON
JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다.
그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다.
저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
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
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.