コース: RxJS 入門
今すぐコースを受講しましょう
今すぐ登録して、23,500件以上登録されている、業界エキスパート指導のコースを受講しましょう。
処理の完了を捉える
このレッスンでは Observable から 送るデータの流れを メソッドで完了させます。 今開いてる HTML のドキュメントに 書いてある RXJS のコードなんですが これは Observable create で observable の オブジェクトを作っています。 中に定めるデータの送り方ですね。 next で数字1、2、3を送っています。 その後 setTimeout で少し時間をおいて 非同期ですね、次に4を送ってるんですね。 1秒後に送られます。 さてこの observable の オブジェクトに対して subscribe しないと 実行されません。 subscribe の引数には next でデータが 流れてきたらどう処理するのかという事で 流れてきたデータを console.log で value コロン、1、2、3と。 それからしばらく経って4という風に 出てくるようになっています。 ではここで5も加えましょう。 コピーして ペーストして5と。 4、5が1秒後に 現れるわけですね。 保存して確認してみます。 ブラウザウィンドウに console を 出してありますのでリロードします。 そうすると1、2、3、end しばらくしてから4、5と出てきましたね。 最初に start があるんですが、start で まずこれは同期的に送る部分ですね。 1、2、3を同期的に送って そして end という風になっていて 非同期で1秒後で4、5と 出てるわけですけれども もう一回確認しときましょうか。 start 1、2、3、end、4、5 という風に 出てきました。 さてデータを流すのはもうやめよう という場合には complete というメソッドを observer に対して呼び出します。 ではこの4と5の間に ここでおしまいという事で observerに対して complete と。 complete は引数はありません。 実行してみます。 そうするとここでおしまいと 言われたのでこの next、5ですね これは実行されない事になります。 ということで保存して確かめましょう。 ファイルを保存します。 ブラウザウィンドウをリロードすると 1、2、3、end 4が出てきて5は もう出てこなくなりましたね。 complete でデータを送るのが…
エクササイズファイルを使って実践してみましょう。
インストラクターがコースで使用しているファイルはダウンロードできます。見て、聞いて、練習することで、理解度を深めることができます。
目次
-
-
-
-
プルとプッシュによるデータの受け渡し1分44秒
-
(ロック済み)
Observableでデータを受け渡す7分6秒
-
(ロック済み)
処理の完了を捉える4分33秒
-
(ロック済み)
エラー処理とObservable.subscribe()メソッドの引数6分19秒
-
(ロック済み)
プルとプッシュの仕組み2分13秒
-
(ロック済み)
Observableと標準JavaScriptの処理の仕方を比べる7分52秒
-
(ロック済み)
Observableで複数のデータを同期と非同期で送る6分7秒
-
(ロック済み)
Observableの4つの処理段階1分23秒
-
(ロック済み)
Observableを作る4分49秒
-
(ロック済み)
Observableに処理を登録する4分28秒
-
(ロック済み)
Observableを実行する8分10秒
-
(ロック済み)
Observableの実行を取り消す4分19秒
-
(ロック済み)
実行が取り消されたときの処理を加える6分33秒
-
-
-
-
-