【JavaScript】継承について【基本講座】

Pocket

【JavaScript】継承について【基本講座】

JavaScriptでクラスの概念を理解したら、次は、継承です。
継承の良さは、クラスの再利用ができること。再利用できることによって一度設計したクラスをベース(親)にして、子クラスで記述しなくても使うことができます。

出典:http://www.photo-ac.com/

継承の基本

継承とは

クラスの継承というのは、あらかじめ作っていたクラスのメンバも使うことのできるクラスのことを言います。ややこしいかもしれませんが、もとからあるクラスを親クラス、継承するクラスを子クラスといいますので合わせて覚えていいてください。

継承のメリットは、親クラスのメンバがそのまま含まれることにあります。また、親クラスのメソッドと同名のメソッドを子クラスでも記述できます。これをオーバーライドと言います。

この継承を上手く使うことでソースの無駄を省くことができスッキリとした見やすいコードを書くことが可能になります。

継承の書き方

クラスのおさらい

こんな感じで書いていきました。このメンバを継承したい場合、以下のように書きます。

class 【子クラス名】 extends 【親クラス名】{}

この書き方で、{}内のブロックの書き方も今までのクラスと同じです。
オブジェクトの生成も子クラス名で生成すれば良いのです。

ただし、親クラスのコンストラクタを継承する時は、constructor(){}にsuper()で継承したいプロパティを記述します。
また、親メソッドを子クラス内で使う時は、「super.」をつけます。

このような感じで書けばよいだけです。これをオーバーライドと言います。

JavaScriptおすすめ書籍

JavaScriptの入門書は、「これから学ぶ~」が分かりやすいです。その次に「Good Parts」をやることをおススメします。これは、JavaScriptのテクニック的な参考書で実践に使えます。他、有名なサイの本もありますが、これは、そこまで必須ではないかもしれません。「The Good Parts」で良いかなと思える感じです。主に初学者用にチョイスしました。良かったら読んで見てください。

これから学ぶJavaScript

新品価格
¥1,320から
(2020/4/25 17:45時点)

これから学ぶ JavaScript

新品価格
¥2,640から
(2020/4/25 17:47時点)

Kindle版

JavaScript: The Good Parts ?「良いパーツ」によるベストプラクティス

新品価格
¥1,980から
(2020/4/25 17:49時点)

JavaScriptの絵本 第2版 Webプログラミングを始める新しい9つの扉

新品価格
¥1,756から
(2020/4/25 17:54時点)

スラスラわかるJavaScript

新品価格
¥2,400から
(2020/4/25 17:53時点)

初めてのJavaScript 第3版 ?ES2015以降の最新ウェブ開発

新品価格
¥3,520から
(2020/4/25 17:44時点)

がんばらないでプログラマーになりたい人向けの学習方法とは?

【スクール】今流行りのプログラミングスクールについて徹底的に調べてみた