class内でのarrow関数の使用

Question

JavaScriptのクラス内ではメソッドしか定義できないので、アロー関数を使うにはコンストラクタ内に書くか、もしくはメソッド内で使う必要があることをteratailのこのQ&Aを見て知りました。

しかし、GitHubのこのページでは、アロー関数をクラス内でプロパティ定義に使っているように見えます。(動作確認済)

なぜ上記のコードが動くのか、ご教授いただきたいです。
よろしくお願いいたします。

Answer 1

GitHubのページで使われているのはBabelでJavaScriptにトランスパイルされるソースだから動くのだと思います。
これは純粋なJavaScriptとしては(2018年10月現在は)エラーになる構文です。
しかしBabelはこの構文に対応しているので、トランスパイルされることで吐き出されたJavaScriptは実際に動作するわけです。

アロー関数をクラス内でプロパティ定義に使う構文は、純粋なJavaScriptの仕様候補として提案中のものでBabelではそれを先取りして対応しているようです。
https://teratail.com/questions/115904

Comments

[SATSUKI.]

ご回答ありがとうございます!

Babelはes6以降の構文をes5に変換するだけのものだと思っていましたが、(stage-0などを使えば)JavaScriptでもまだ対応していない構文もトランスパイルできる、ということですね。

なかなか検索しても出てこなかったので、とても助かりました。