JavaScript

【課題】クラス継承とsuperの復習【JavaScript】

どうも、つよぽんです!

今回は演習課題の紹介記事となります。

今回の課題では、JavaScriptでのオブジェクト指向プログラミングの内、「クラス継承」「super」の知識を定着させるための課題に取り組んでいただきます。

具体的には以下の2つの機能を実装していただきます。

実装する機能
  1. 継承関係のある2つのクラスを作成する
  2. 親クラスと子クラスで同名メソッドを実装して、親クラスのメソッドを子クラス経由で実行する

今回の課題で確認する知識は以下のとおりです。

確認する知識
  1. JavaScriptでのクラスの継承方法
  2. オーバーライドしたメソッドの呼び出し方

今すぐ課題に取り組みたい方は以下の記事から課題ページにアクセスして、早速取り組んでいただけたらと思います。

あわせて読みたい
【エクササイズ】クラスの継承とsuperの理解度をチェックする【JavaScript】JavaScriptを使って①クラスを継承する方法、②superの使う方法をこれまで学習してきました。今回は、その2つを正しく理解できているか確認するための課題に取り組んでいただきます。課題に取り組んで①クラスの継承、②superの使い方を定着させましょう。...

この記事の想定読者は次のとおりです。

想定読者
  • JavaScriptのクラス継承の方法を学習済みの方
  • オーバーライドされたメソッドの呼び出し方を学習済みの方

現時点で上記の知識が身についていないとしても、今回の記事で上記内容を学習できる記事を紹介していくので問題ありません。

今回の課題をクリアするために参考になる記事は次のとおりです。忘れてしまっているものがあれば記事を読み返しふり返ってみましょう。

【JavaScript】クラスで継承する方法【コード付き】

クラスの継承には、継承関係を作るための2つのクラスの準備が必要です。

そして、その2つのクラスを「extends」というキーワードを使ってつなぎ合わせます。

継承関係をもったクラスは「親クラス」「子クラス」という概念にわかれて、子クラスは親クラスのプロパティやメソッドを引き継ぐことができます

クラス継承については詳しくは以下の記事でも解説しているので、もっと詳しく知りたい方は以下の記事を参考にしていただけたらと思います

あわせて読みたい
【JavaScript】クラスで継承する方法【コード付き】今回はJavaScriptを使った「クラスの継承」について解説します。クラスの継承とは①2つのクラスを「親クラス」「子クラス」にわけて、②子クラスは親クラスのプロパティやメソッドを引き継ぐ、機能を持ちます。クラスの継承をうまく使うと、複数のクラスの共通部分を親クラスにまとめ子クラスで継承することでコード量が減らせます。...

【JavaScript】superの使い方【クラス継承】

一つ前の章で、「子クラスは親クラスのプロパティやメソッドを引き継ぐことができる」ということを解説しました。

しかし、もっと具体的にいうと、引き継ぐだけでなくプロパティやメソッドを上書きすることも可能です。

そして、上書きの中でも親クラスのメソッドを上書きすることを「オーバーライド」と呼びます。

オーバーライドされた親クラスのメソッドは子クラス経由で「super」キーワードを使うことで実行することができます。

この「super」とは、「子クラス」から見た「親クラス」を指します。

もっと「super」について詳しく知りたい方は、以下の記事を参考にすると良いです。

あわせて読みたい
【JavaScript】superの使い方【クラス継承】前回記事のクラス継承に引き続き、今回は継承の1機能である「super」について解説します。superとは子クラスから見た親クラスを指します。親クラスで定義したメソッドと同名メソッドを子クラスで実装すると上書きされてしまいますが、superを使うことで子クラスから親クラスのメソッドを実行できるようになります。...

まとめ

あらためて、今回の課題をクリアするために必要な知識を解説した記事を以下にまとめておきます。

上にまとめた記事内容をふりかえり、今回の演習課題で取り組む知識の定着のためにも、ぜひチャレンジしましょう!^^

今回の課題で定着させたい知識
  1. JavaScriptでのクラスの継承方法
  2. オーバーライドしたメソッドの呼び出し方

頭では理解してても実際に手を動かしてみて手が進まないところがあれば、それは理解が不十分だということを意味します。

練習問題をやっててわからないところ、質問したいところがあればお気軽に以下からご連絡いただけたらと思います^^

あわせて読みたい
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!プログラミングやWebで困っていることに対して何でも質問受け付けています。「こんなこと質問しても大丈夫かな」と思っている方のために過去にどんな質問があったのか一例で挙げているので参考にしていただけたらと思います。...

それでは、課題頑張ってください!

【3つの特典付き】Webエンジニアに必要な基礎スキルを体系的に効率良く身につけたいですか?

LINE登録で無料特典を受け取る

次のような方向けに、学習をサポートするコンテンツを無料プレゼントしています。

  • Webエンジニアになりたいけど何から学習を始めれば良いかわからない
  • 今まで独学で頑張ってきたけど、独学に限界を感じてきた
  • プログラミングは出来るけど、大きめのコードが書けない

「プレゼント詳細が知りたい」「プレゼントを受け取りたい」といった方は、以下のボタンをクリックして詳細ページをご確認ください。

無料特典を受け取る

 

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です