3

以下のコードは文法的に正しいでしょうか?
chromeで実行するとしっかり実行できますが、monacaで実行するとエラーになるので調べてみましたが、以下の文法がそもそも正しいのかがわかりませんでした。
というより、ググった限りでは正しくなさそうでした。
よろしくお願いいたします。

<script>
  'use strict';

  class A {
      static i = 'iii';
  }

  console.log(A.i);


</script>

2
  • 2
    monacaではどのようなエラーが発生しますか?エラーの内容を質問本文に追記してください。
    – Sieg
    Commented 2019年5月28日 7:44
  • monacaではシンタックスエラーです。
    – campbel
    Commented 2019年5月29日 6:30

1 件の回答 1

3

staticでプロパティ(メソッドではなく)を宣言する構文は、将来的にJavaScriptに追加される予定の構文です(static public fields)。ですから、現時点では正しい構文ではありませんが、将来的には正しい構文になります

Chromeではこの新構文を先取りして利用可能にしているためすでに動作しますが、他のブラウザはまだ未対応のため動作しません(参考:compat table)。

実際に確かめてはいませんが、monacaで実行した場合はWebViewがChrome相当の場合のみ動作するため、新しいAndroidなら動作するが古いAndroidやiOSでは動作しないという挙動になると思われます。

これらの環境でもstaticプロパティ構文が動作するようにするためには、Babelなどを用いたトランスパイルが必要です。トランスパイルの方法についてはmonacaのドキュメント等を調べると良いと思います。

1
  • 2
    なるほど!そういうことだったのですね! ハイブリットアプリでもブラウザを使用しているのに、なぜchromeとmonacaでは挙動が違うので悩みました。 monacaではstatic関数は使えたので、static変数ではなくstatic関数で対応いたしました。 ありがとうございました。
    – campbel
    Commented 2019年5月29日 6:40

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。