質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.33%

  • JavaScript

    17587questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • TypeScript

    376questions

    TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

  • オブジェクト指向

    298questions

    オブジェクト指向プログラミング(Object-oriented programming;OOP)は「オブジェクト」を使用するプログラミングの概念です。オブジェクト指向プログラムは、カプセル化(情報隠蔽)とポリモーフィズム(多態性)で構成されています。

typescriptでのabstractクラスの使いどころについて

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 524

tera_head

score 0

 質問内容

abstractクラスについて質問させてください m(_ _)m

abstractクラスを継承して実装すべきメソッドをサブクラスにて担保させる場合
abstractクラス内にて以下のように定義するかと思います。

//抽象クラス
abstract class Department {
    constructor(public name: string) {
    }
    printName(): void {
        console.log("Department name: " + this.name);
    }
    abstract printMeeting(): void; // 継承するクラスで実装しなければいけない
}

//具象クラス
class AccountingDepartment extends Department {
    constructor() {
        super("Accounting and Auditing"); // 継承したクラスのコンストラクタ内でsuper()を呼ばなけれいけない
    }
    printMeeting(): void {
        console.log("The Accounting Department meets each Monday at 10am.");
    }
    public generateReports(): void {
        console.log("Generating accounting reports...");
    }
}
let department: Department; // OK: 抽象型を参照する変数の作成
department = new Department(); // エラー: 抽象クラスのインスタンスの作成は不可
department = new AccountingDepartment(); // OK: 抽象クラスでは無いサブクラスの作成と割り当て
department.printName();
department.printMeeting();
department.generateReports(); // (A)エラー: このメソッドは定義した抽象型上には存在しない


(A)の箇所ですが、抽象クラス(Departmentクラス)にはgenerateReports というメソッドは存在しないため、エラーとなってるかと思います。
これを解消するためにはDepartmentクラスに

abstract generateReports(): void;


abstractアクセサをつけて宣言するか

もしくは

public generateReports(): void {
  console.log("Generating accounting reports...");
}


と実装したメソッドを定義する必要があるかと思います。
ですが、往々にして具象クラスのみで使用したいメソッドもあるかと思います。
このような場合はどういう書き方がベターなのでしょうか?

自分が考えられる方法としましてはineterfaceを実装するという方法が考えらました。

interface IDepartment {    
    printMeeting(): void;
}

class AccountingDepartment implements IDepartment {
    name: string = "Accounting and Auditing"
    constructor() {}
    printName(): void {
        console.log("Department name: " + this.name);
    }
    // interfaceで宣言された実装すべきメソッド
    printMeeting(): void {
        console.log("The Accounting Department meets each Monday at 10am.");
    }
   // ここは各々の具象クラスにて定義できる
   generateReports(): void {
        console.log("Generating accounting reports...");
    }
}

const department:AccountingDepartment = new AccountingDepartment();
department.printName();
department.printMeeting();
department.generateReports();

と考えるとなかなか、気軽にabstractクラスを継承するとabstractクラス内にabstrctアクセサのメソッド が増え続ける可能性があり危険な気がしてきました。

ということでabstractクラスは使いどころが難しい気がしてるのですが、如何でしょうか?
それとも、そもそもの考え方も間違ってるのでしょうか?
お手数ですがご教示いただけますと幸いです。

 追記

typescriptの公式サイトのplaygroundで試してみたものを貼っておきます!

http://www.typescriptlang.org/play/index.html#src=%2F%2F%E6%8A%BD%E8%B1%A1%E3%82%AF%E3%83%A9%E3%82%B9%0D%0Aabstract%20class%20Department%20%7B%0D%0A%20%20%20%20constructor(public%20name%3A%20string)%20%7B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20printName()%3A%20void%20%7B%0D%0A%20%20%20%20%20%20%20%20console.log(%22Department%20name%3A%20%22%20%2B%20this.name)%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20abstract%20printMeeting()%3A%20void%3B%20%2F%2F%20%E7%B6%99%E6%89%BF%E3%81%99%E3%82%8B%E3%82%AF%E3%83%A9%E3%82%B9%E3%81%A7%E5%AE%9F%E8%A3%85%E3%81%97%E3%81%AA%E3%81%91%E3%82%8C%E3%81%B0%E3%81%84%E3%81%91%E3%81%AA%E3%81%84%0D%0A%7D%0D%0A%0D%0A%2F%2F%E5%85%B7%E8%B1%A1%E3%82%AF%E3%83%A9%E3%82%B9%0D%0Aclass%20AccountingDepartment%20extends%20Department%20%7B%0D%0A%20%20%20%20constructor()%20%7B%0D%0A%20%20%20%20%20%20%20%20super(%22Accounting%20and%20Auditing%22)%3B%20%2F%2F%20%E7%B6%99%E6%89%BF%E3%81%97%E3%81%9F%E3%82%AF%E3%83%A9%E3%82%B9%E3%81%AE%E3%82%B3%E3%83%B3%E3%82%B9%E3%83%88%E3%83%A9%E3%82%AF%E3%82%BF%E5%86%85%E3%81%A7super()%E3%82%92%E5%91%BC%E3%81%B0%E3%81%AA%E3%81%91%E3%82%8C%E3%81%84%E3%81%91%E3%81%AA%E3%81%84%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20printMeeting()%3A%20void%20%7B%0D%0A%20%20%20%20%20%20%20%20console.log(%22The%20Accounting%20Department%20meets%20each%20Monday%20at%2010am.%22)%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20generateReports()%3A%20void%20%7B%0D%0A%20%20%20%20%20%20%20%20console.log(%22Generating%20accounting%20reports...%22)%3B%0D%0A%20%20%20%20%7D%0D%0A%7D%0D%0A%0D%0Alet%20department%3A%20Department%3B%20%2F%2F%20OK%3A%20%E6%8A%BD%E8%B1%A1%E5%9E%8B%E3%82%92%E5%8F%82%E7%85%A7%E3%81%99%E3%82%8B%E5%A4%89%E6%95%B0%E3%81%AE%E4%BD%9C%E6%88%90%0D%0Adepartment%20%3D%20new%20Department()%3B%20%2F%2F%20%E3%82%A8%E3%83%A9%E3%83%BC%3A%20%E6%8A%BD%E8%B1%A1%E3%82%AF%E3%83%A9%E3%82%B9%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%82%BF%E3%83%B3%E3%82%B9%E3%81%AE%E4%BD%9C%E6%88%90%E3%81%AF%E4%B8%8D%E5%8F%AF%0D%0Adepartment%20%3D%20new%20AccountingDepartment()%3B%20%2F%2F%20OK%3A%20%E6%8A%BD%E8%B1%A1%E3%82%AF%E3%83%A9%E3%82%B9%E3%81%A7%E3%81%AF%E7%84%A1%E3%81%84%E3%82%B5%E3%83%96%E3%82%AF%E3%83%A9%E3%82%B9%E3%81%AE%E4%BD%9C%E6%88%90%E3%81%A8%E5%89%B2%E3%82%8A%E5%BD%93%E3%81%A6%0D%0Adepartment.printName()%3B%0D%0Adepartment.printMeeting()%3B%0D%0Adepartment.generateReports()%3B%20%2F%2F%20%EF%BC%88A%EF%BC%89%E3%82%A8%E3%83%A9%E3%83%BC%3A%20%E3%81%93%E3%81%AE%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%81%AF%E5%AE%9A%E7%BE%A9%E3%81%97%E3%81%9F%E6%8A%BD%E8%B1%A1%E5%9E%8B%E4%B8%8A%E3%81%AB%E3%81%AF%E5%AD%98%E5%9C%A8%E3%81%97%E3%81%AA%E3%81%84

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • keisukeh

    2018/07/28 14:32 編集

    私もあまり詳しくないので他の方の回答を参考にさせていただこうと思っているのですが、今回の場合抽象クラスではなく通常のクラスの継承では問題ありそうですか?
    ちなみに私の環境では抽象クラスを継承したクラスで抽象クラスに含まれないメソッドを実行してもエラーは出ませんでした。

    キャンセル

  • tera_head

    2018/07/28 17:35

    ご回答ありがとうございます!!どうやら、私の環境(typescriptの公式サイトでのplayground)ではやはり、エラーがでてるような?気がしております。なにか、設定等の差異なのかもしれませんが。。追記でこちらのリンク先を貼らせていただきます!

    キャンセル

回答 1

check解決した方法

0

自己解決しました!!

原因は

let department: Department;


abstractクラスの型定義でインスタンスを宣言していたのが原因です。

よって
let accountingDepartment: AccountingDepartment = new AccountingDepartment();
accountingDepartment.generateReports();


のようにインスタンス作成すれば AccountingDepartmentクラスにて定義した generateReportsメソッドを叩いてもエラーにならないようです。

もしくは

let department: Department;
department = new AccountingDepartment();
(department as AccountingDepartment).generateReports();


とキャストしても大丈夫かと思います!

お手数おかけしましたm(_ _)m

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.33%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る

  • JavaScript

    17587questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • TypeScript

    376questions

    TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

  • オブジェクト指向

    298questions

    オブジェクト指向プログラミング(Object-oriented programming;OOP)は「オブジェクト」を使用するプログラミングの概念です。オブジェクト指向プログラムは、カプセル化(情報隠蔽)とポリモーフィズム(多態性)で構成されています。