JavaScript Class extends キーワード

定義と使用法

extends キーワードは、別のクラス（親クラス）のサブクラスを作成するために使用されます。

サブクラスは別のクラスのすべてのメソッドを継承します。

継承はコードの再利用性に非常に役立ちます：新しいクラスを作成する際に、既存のクラスの属性やメソッドを再利用します。

注釈：上の例では、super() メソッドは親クラスを参照しています。コンストラクタ内で呼び出し super() メソッド、これらは親クラスのコンストラクタを呼び出し、親クラスの属性やメソッドにアクセスできます。

インスタンス

「Model」という名前のクラスを作成します。このクラスは「Car」クラスのメソッドを継承します：

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  present() {
    return 'I have a ' + this.carname;
  }
}
class Model extends Car {
  constructor(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    return this.present() + ', it is a ' + this.model;
  }
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = mycar.show();

実際に試してみる

構文

class childClass extends parentClass

技術的詳細

JavaScript バージョン： ECMAScript 2015 (ES6)

ブラウザのサポート

キーワード Chrome IE Firefox Safari Opera
extends 49.0 13.0 45.0 9.0 36.0

関連ページ

JavaScript ガイド：JavaScript クラス

JavaScript ガイド：JavaScript ES6 (EcmaScript 2015)

JavaScript リファレンスマニュアル：super キーワード

JavaScript リファレンスマニュアル：constructor() メソッド