戻る

クラスの継承
親と子のクラス関係

2つのクラスを継承関係にすることで
継承元の機能を使えるようにします。
2つのクラスを親クラスと子クラスに見立てます。
親クラスの機能を継承して子クラス独自の処理を実装できるようになります。

[サンプル]
copy
class parent
{
	#num1 = 0;
	#num2 = 0;
	get num1()
	{
		return this.#num1;
	}
	set num1(num)
	{
		this.#num1 = num;
	}
	get num2()
	{
		return this.#num2;
	}
	set num2(num)
	{
		this.#num2 = num;
	}
}

class child extends parent
{
	add()
	{
		return this.num1 + this.num2;
	}
	minus()
	{
		return this.num1 - this.num2;
	}

}
const cls1 = new child();
cls1.num1 = 5;
cls1.num2 = 3;
console.log(cls1.add());//8
console.log(cls1.minus());//2
継承のサンプルです。
parentクラス
継承元のクラスです。

childクラス
継承元のクラスの機能を引き継いだクラスです。

#num1 = 0;
#num2 = 0;
privateフィールドを用意して、直接parentクラスにアクセスできないようにしています。
このprivateフィードの値の取得更新をできるようにするため
getterおよびsetterを準備しています。

add() / minus()
parentクラスのgetterを使用してparentクラスのprivateフィールドの値を取得して計算をします。

const cls1 = new child();
childクラスをインスタンス化することにより
parentクラスが継承されているため
parentクラスの機能を使用可能となります。

cls1.num1 = 5;
cls1.num2 = 3;
parentクラスのsetterにアクセスしてprivateフィードに値を設定します。
console.log(cls1.add());//8
childクラスからparentクラスのgetterでparentクラスの各フィールドの値を取得します。
5 + 3 = 8が返ります。

console.log(cls1.minus());//2
childクラスからparentクラスのgetterでparentクラスの各フィールドの値を取得します。
5 - 3 = 2が返ります。




戻る


著作権情報
ホームページおよプリ等に掲載されている情報等については、いかなる保障もいたしません。
ホームページおよびアプリ等を通じて入手したいかなる情報も複製、販売、出版または使用させたり、
または公開したりすることはできません。
当方は、ホームペーよびアプリ利用したいかなる理由によっての障害等が発生しても、
その結果ホームページおよびアプリ等を利用された本人または他の第三者が被った損害について
一切の責任を負わないものとします。