【Angular】HttpClientのObservableはunsubscribe不要

当ページのリンクには広告が含まれています。
【Angular】HttpClientのObservableはunsubscribe不要
この記事で解決できる悩み
いずみ

こんな悩みを解決できる記事を書きました!

僕は現役フリーランスエンジニア(歴年)で、資格は個保有しています。

AngularにおけるObservableのunsubscribeについて知りたい」とお考えではありませんか?

実は、Observableには有限と無限の2種類あります。

いずみ

マニアックすぎるんだけど、知ってると色々幸せになれます。

本記事を読めば、AngularにおけるObservableのunsubscribeについて分かるので早速見ていきましょう!

いずみ

すぐ読み終わるので、ぜひ最後まで読んでくださいませ。

執筆者/監修者
  • フリーランスエンジニア(保有資格個)
  • ブログ・アフィリエイト歴5年
  • ブランドせどりで月利50万円⇨脱サラ
  • 投資歴5年(仮想通貨・FXが得意)
  • Twitterフォロワー約2,000人
  • 運営者情報はこちら
いずみです
目次

前提

  • Angular:14

Observableには有限と無限がある

AngularのObservableには有限無限があります。

たとえば、HttpClientのメソッドから返却されるObservableは有限なのでunsubscribeする必要がありません。

逆に(逆でもないけど)、valueChangesなどは無限なのでunsubscribeする必要があります。

有限なObservable

getHeroes(): Observable<Hero[]> {
  return this.http.get<Hero[]>(this.heroesUrl);
}

HttpClientのメソッドから返却されるObservableは有限なのでunsubscribe不要です。

無限なObservable

this.hoge.valueChanges
  .subscribe(x => {
    console.log(x);
  });

valueChangesなどは無限なObservableなのでunsubscribeが必要です。

いずみ

まあ、これだけなんですけどね(笑)

知ってると無駄なコードを書かなくて済みますヨン。

まとめ

今回は、AngularにおけるObservableのunsubscribeについて解説しました。

以下が本記事のまとめになります。

まとめ
  • AngularのObservableには有限と無限がある。
  • HttpClientのメソッドで返却されるObservableは有限なのでunsubscribe不要。
まとめ♪
  • おすすめ本
¥4,070 (2023/07/23 15:56時点 | Amazon調べ)

Angularの勉強なら「」が分かりやすくておすすめですよ♪

いずみ

最後までお読みいただき、ありがとうございました!

  • クソおすすめ本
¥4,480 (2024/06/01 23:28時点 | Amazon調べ)
いずみ

海外のエンジニアがどういった思考で働いているかが理解できます。

海外に行く気はないけど海外エンジニアの動向が気になる雑魚エンジニアにおすすめです(本当におすすめな本しか紹介しないのでご安心を)。

【Angular】HttpClientのObservableはunsubscribe不要

この記事が気に入ったら
フォローしてね!

シェアしてね!
  • URLをコピーしました!
目次