継承すると、静的プライベートフィールドを参照している静的メソッドでエラー

Question

継承すると、静的プライベートフィールドを参照している静的メソッドでタイプエラーが出ます

//メソッド

class A {
  static _bar = 'bar'
  static #baz = 'baz'
  static getFoo() {
    return 'foo'
  }
  static getBar() {
    return this._bar
  }
  static getBaz() {
    return this.#baz
  }
}

class B extends A {
  constructor() {
    super()
  }
}

console.log('A.getFoo()', A.getFoo()) //OK
console.log('A.getBar()', A.getBar()) //OK
console.log('A.getBaz()', A.getBaz()) //OK
console.log('B.getFoo()', B.getFoo()) //OK
console.log('B.getBar()', B.getBar()) //OK
console.log('B.getBaz()', B.getBaz()) //NG //Uncaught TypeError: Cannot read private member #baz from an object whose class did not declare it

//ゲッター

class A {
  static _bar = 'bar'
  static #baz = 'baz'
  static get foo() {
    return 'foo'
  }
  static get bar() {
    return this._bar
  }
  static get baz() {
    return this.#baz
  }
}

class B extends A {
  constructor() {
    super()
  }
}

console.log('A.foo', A.foo) //OK
console.log('A.bar', A.bar) //OK
console.log('A.baz', A.baz) //OK
console.log('B.foo', B.foo) //OK
console.log('B.bar', B.bar) //OK
console.log('B.baz', B.baz) //NG //Uncaught TypeError: Cannot read private member #baz from an object whose class did not declare it

「#baz」が宣言されていないので呼べません！的なことを言われますが普通はどうするものですか？

「B.getBaz()」も「B.baz」もエラーなく呼びたいです。

Chrome87.0.4280.88だけで確認しています。

Answer 1

そういう仕様のようです。

プライベートスタティックフィールドには、プライベートスタティックフィールドを定義しているクラスのみが、そのフィールドにアクセスできるという出自制限があります。

これは、this を使用しているときに予期しない動作をする可能性があります。（MDNより）

Comments

[_._]

どうもありがとうございます。
どうすれば「`B`」側からエラーなく呼べますか？
```javascript
class B extends A {
constructor() {
super()
}
static getBaz = A.getBaz.bind(A)
}
```
とすれば一応エラーなく呼べましたがこんな面倒くさいことはしませんよね？普通はどうするものですか？