Extends

エクステンズ（オブジェクト指向）

意味クラスを継承するためのキーワード

Extendsとは？

extendsキーワードは、クラス継承を宣言するために使用されます。子クラスはextendsキーワードを使って親クラスを指定し、親クラスの属性やメソッドを引き継ぎます。

Extendsの具体的な使い方

extendsキーワードを使用してクラスを拡張する例

<button onclick="const cat = new Cat('ミケ'); cat.eat(); cat.meow();">Extendsキーワードの例を表示</button>
<script>
class Animal {
    constructor(name) {
        this.name = name;
    }
    eat() {
        alert(`${this.name}が食事をしています...`);
    }
}

class Cat extends Animal {
    meow() {
        alert(`${this.name}が鳴いています：ニャー！`);
    }
}
</script>

'extends'キーワードを使用して、'Cat'クラスが'Animal'クラスを継承しています。'Cat'クラスは'Animal'クラスのプロパティとメソッドを引き継ぎ、さらに新しいメソッド'meow'を追加しています。

組み込みクラスの拡張

class MyArray extends Array {
    sum() {
        return this.reduce((acc, val) => acc + val, 0);
    }
}

const arr = new MyArray(1, 2, 3, 4, 5);
console.log(arr.sum());

👇出力結果

このコードでは、JavaScriptの組み込みクラスである'Array'を拡張して、新しい'sum'メソッドを追加しています。

Extendsに関するよくある質問

Q. extendsで複数継承できる？

A. JavaScriptではextendsキーワードを使って1つのクラスのみを継承できます。複数のクラスを同時に継承することはできません。

Q. 組み込みクラスも継承できる？

A. はい、ArrayやDate等の組み込みクラスも継承できます。例えば、class MyArray extends Array {}のように記述できます。

Q. 親クラスのメソッドは上書きできる？

A. はい、子クラスで同名のメソッドを定義することで、親クラスのメソッドを上書き（オーバーライド）できます。必要に応じて、super.メソッド名()で親クラスの実装を呼び出すこともできます。

Extendsが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、JavaScriptのExtendsやメソッド、オーバーライド、カプセル化、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。