Typescriptでスーパークラスのメソッドをサブクラスから呼び出す

Question

環境

typescript v3.7.4

前提・実現したいこと

目的を端的に書きますと、

superを使って、
スーパークラスのメソッドをサブクラスから呼び出したい

という事になります。

superを使うとエラーが発生します。

発生している問題・エラーメッセージ

▼実行してるコード

class Parent {
  public test = () => 5;
}

class Child extends Parent {
  public test = () => super.test() + 1;
}

const child = new Child();
console.log(child.test());   // expect 6;

▼エラーメッセージ

"(intermediate value).test is not a function"

質問内容

superの使い方が間違っていますでしょうか？
色々調べたのですが、解決の糸口が見つからなかったので、質問させていただきます。
何かアドバイスをいただけますでしょうか。よろしくお願いいたします。

Answer 1

下記のようにしたらどうですか？
superで使うには、親クラス側でクラス内メソッドとして扱う必要があるのでアロー関数では動かないと思います。

class Parent {
  //public test = () => 5;
  public test() {
    return 5;
  }
}
  
class Child extends Parent {
  public test = () => super.test() + 1;
}
  
const child = new Child();
console.log(child.test());   // expect 6;

Comments

[gano]

早急な回答ありがとうございます。うまくsuperで関数が動作しました。
アロー関数とfunctionの関数を区別なく利用していたので、とても勉強になりました。
コンストラクタは　アロー関数では書けなかったのですが、同じ理由なのですね。
ありがとうございます。

Answer 2

superの使い方が間違っていますでしょうか？

間違っているのはメソッドの定義の方です。アロー関数ではなく、メソッド形式で定義しましょう。

public test(){
  return super.test() + 1;
}

Comments

[maisumakun]

Parentのほうの定義修正が必要でした。

[gano]

理解することができました。
ベストアンサーは、早く回答いただいたnekonikiさんに付与しましたが、
とても勉強になりました。ありがとうございました。