vscodeでjavascriptのクラス内のprivate変数にエラーが出る

Question

vscode上で，以下のようにクラスの中にプライベート変数を作るとエラーが出ます．

エラー

"無効な文字です。[4,3]"
"無効な文字です。[6,10]"
"無効な文字です。[9,22]"

コード

"use strict";

class Counter {
  #counter;
  constructor() {
    this.#counter = 0;
  }
  display() {
    console.log(this.#counter);
  }
}

しかしブラウザ上では正常に動作します．
vscode上で正しく認識させるにはどうすればよいでしょうか．

vscodeのバージョンは1.41.0です．

Answer 1

大変失礼しました。

おそらくで、確証はないのですが、
Visual Studio Codeで未対応なのかと思われます。

本質問においての、仕様は、
Private fieldsと呼ばれるもので、
今年の1月に最新となっているため、
各種モダンブラウザでは対応が進んでいても、
各種IDEやテキストエディタ、そのスニペットなどでは未対応である可能性が高いです。
Visual Studio Codeにおいて、プラグインの検索を行いましたが、
対応するものは確認できませんでした。
（ES10対応のスニペットを入れてみましたが、#で定義するとエラーと言われてしまう）
対応するプラグインが出るか、Visual Studio Codeのアップデートを待つしか無いかと思います。

先頭に#がダメかと。
たとえ、ブラウザなりなんなりで動いたとしても、エラーの元になるから止めた方がいいですよ。
VSCodeでも、それ込みでエラー吐いてるのかと。

ちなみに余談ですが、通常のJSにprivate変数は存在しないというか、private変数としての定義はできません。

Comments

[miyabi_pudding]

ちなみに、のところは、クラス内メンバとして定義しても、常に他の言語で言う、publicメンバと同じ動きしかしない、ということです。
（外部から変更不可なメンバの定義ができない、ということ）

[maisumakun]

このprivate記法自体は、Stage3まで進行している新文法です。

https://github.com/tc39/proposal-class-fields

[miyabi_pudding]

なんと。
回答修正します。
引用使わせてください。

[KonjacDesert]

まだ標準化されていなかったということでしょうか。早とちりでした…。

[miyabi_pudding]

お使いのブラウザでは対応済みだったということなのでしょう。
Visual Studio Codeにおいての調査結果も回答に記載しました。

[KonjacDesert]

対応ありがとうございました

[miyabi_pudding]

この仕様はマジで標準化してほしいですね。