カジノバカラのルールk8 カジノクラスの型にまつわるあれこれ（2）～クラスの継承とクラス間の型の関係について～仮想通貨カジノパチンコ仮想通貨計算アプリ無料

オンラインスロ換金k8 カジノ

ミリオン石神井公園連載：TypeScriptのTypeあれこれシリーズ

継承

　クラスを手軽に拡張する方法として、継承があります。この継承はJavaScriptにもある構文です。その構文を確認しながら、TypeScript独自の内容を紹介していきます。

継承とは

　継承とは、あるクラスのメンバをそっくり引き継ぎ、そのクラスを拡張したクラスを作成できる仕組みです。具体例を見ていきましょう。例えば、リスト1のようなクラスCalcBaseがあるとします。

class CalcBase {private _baseNum = 0; // (1)constructor(baseNum: number) { // (2)this._baseNum = baseNum;}get baseNum(): number { // (3)return this._baseNum;}}リスト1

　このクラスを踏まえて、リスト2のクラスを作成したとします。

class CalcAdd extends CalcBase {getAddedNum(addNum: number): number {return this.baseNum + addNum; // (1)}}リスト2

　クラス宣言に注目してください。リスト1のように「class クラス名」という構文ではなく、これに続けて「extends」キーワードが記述されています。このextendsが継承を表します。このextendsの次に記述されたクラスを「親クラス」といい、それに対してこれから作成するクラスを、「子クラス」といいます。構文としては次のようになります。

［構文1］継承class クラス名 extends 親クラス継承では親クラスのメンバが含まれる

　この子クラスでは、親クラスのメンバをそっくりそのまま含んだ状態となります（図1）。

図1　子クラスには親クラスのメンバが全て含まれている

　CalcAddクラスには、メンバとしてgetAddedNum()メソッドしかありませんが、CalcBaseを継承しているため、親クラスであるCalcBaseのメンバである_baseNum、constructor()、baseNumゲッターが含まれた状態となります。そのためCalcAdd内では、リスト2の（1）のように、this.baseNumでbaseNumゲッターが利用できます。

　また、このCalcAddクラスをnewしようとすると、リスト3の（1）のように引数を渡す必要があります。

const calcAdd = new CalcAdd(5); // (1)const ans = calcAdd.getAddedNum(3); // (2)リスト3

　これは、CalcAddクラスにはコンストラクタが記述されていなくても、その親クラスであるCalcBaseのコンストラクタには、リスト1の（2）のように、引数が設定されているからです。もしこの引数を渡さなければ、図2のエラーとなります。

図2　親クラスのコンストラクタに引数が設定されているため引数は必要

　なお、newしたCalcAddクラスのメソッドgetAddedNum()を利用する場合は、リスト3の（2）のようなコードとなります。これに関しては、特に問題ないでしょう。

子クラスから利用できるメンバにつけるprotected#CmsMembersControl .CmsMembersControlIn {width:100%;background:url(https://image.itmedia.co.jp/images/spacer.gif) #DDD;opacity:0.05;filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=5);z-index:1;}続きを閲覧するには、ブラウザの JavaScript の設定を有効にする必要があります。仮想通貨カジノパチンコヤフオクトラクターロータリー