「ES6」extendsでクラスを継承する

2014年8月28日2021年10月13日

書式

class クラス名B extends クラス名A {
  メソッド名(引数){処理コード}
 }

使用例

<script>
//スーパークラス(の定義
class User { 
　　//親クラスのメソッド
  funA() {
    return "study skill";
  }
}
// extendsでサーバークラスを継承
class Employee extends User {
//子クラスのメソッド
  funB() {
   return "arkgame";
  }
}
//オブジェクトを生成
var  emp = new Employee();
//親クラスのメソッドを呼び出す
alert("親クラスのメソッド: "+emp.funA());
//自身クラスのメソッドを呼び出す
alert("子クラスのメソッド: "+emp.funB());

</script>

実行結果
親クラスのメソッド: study skill
子クラスのメソッド: arkgame