Java Script ではクラスをネストできるでしょうか？

Question

クライアント側のHTMLを書いています。

<script>
  class a{
    constructor(){
      console.log(1);
      class b{
        constructor(){
          console.log(2);
        };
      };
      new b;
    };
  };
  new a;

親クラスのコンストラクタの中でネストすれば問題ないのですが、

<script>
  class a{
    constructor(a,b){
      this.a1 = 1;
      this.b2 = 2;
    };
    af1(){
      let c = this.a1 + this.b1;
        console.log('c is ' + c);
    };
    af2(){
      let d = this.b1 - this.a1;
        console.log('d is ' + d);
    };
    class e{
      constructor(f,g){
      this.f3 = 3;
      this.g4 = 4;
      };
      bf1(){
      let h = this.f3 + this.g4;
        console.log('h is ' + h);
      bf2(){
      let i = this.g4 - this.f3;
        console.log('i is ' + i);
      let e2 = new e(5,6);
      let j = e2.bf1.h + e2.bf2.i;
        console.log('j is ' + j);
    };
  };
  let a2 = new a(7,8);
  let k = a2.af1.c + a2.af2.d;
    console.log('k is ' + k);
</script>

上記のように、親クラスのコンストラクタの外でネストすると、

class e{

の部分で、

Uncaught SyntaxError: unexpected token: identifier
どこかでセミコロン (;) を忘れています

のようなエラーになってしまいました。私は、

c is 3
d is 1
h is 7
i is 1
j is 11
k is 16

と表示される動作を期待していました。

解決法をご存知の方いらっしゃいましたら、よろしくお願いいたします。

Comments

[maisumakun]

「ネストせずに外側に書く」ではなにか不都合なのでしょうか？

（クラス直下でクラスを宣言することは出来ません）

[maisumakun]

そして、ネストとは関係なく、「a2.af1.c」の部分の辻褄が通っていません。

[909]

ご回答に感謝します。そういうルールだったのですね。
親クラス名に、他の著名なライブラリ群と名前がかぶらなければ、
子クラスでは自由に命名できて便利そう、という発想でございました。
親コンストラクタの中で工夫してみます。ありがとうございました。

[909]

勉強させていただきました。感謝いたします。

Answer 1

親クラス名に、他の著名なライブラリ群と名前がかぶらなければ、

子クラスでは自由に命名できて便利そう、という発想でございました。

ブラウザに直接書くものはともかく、ES6 Moduleでは基本的にライブラリはグローバル名を使わないので、クラス名は勝手に設定して全く問題ありません。importで明示的に呼んできます。

Comments

[909]

ありがとうございます。まだまだ勉強不足ですので、ご教示いただいたワードで検索してきます。ご回答に感謝いたします。

[909]

別ファイルとして*.jsを外に置くシステムが、昨今の主流なのですね。
できれば、index.htmにペラ１で書いてしまいたかったのですが、
選択肢のひとつとして検討したいと思います。勉強になりました。