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

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

新規登録して質問してみよう
ただいま回答率
85.49%
オブジェクト指向

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

JavaScript

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

TypeScript

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

Q&A

解決済

1回答

7912閲覧

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

tera_head

総合スコア4

オブジェクト指向

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

JavaScript

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

TypeScript

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

0グッド

0クリップ

投稿2018/07/28 04:33

編集2018/07/29 13:40

質問内容

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

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

keisukeh

2018/07/28 05:56 編集

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

2018/07/28 08:35

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

回答1

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

投稿2018/07/29 14:21

編集2018/07/29 14:23
tera_head

総合スコア4

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問