'Monaca'}細かな違いは色々ありますが、一番大きな違いは通常の関数とアロー関数はthisの扱いがまったく異なります。functionで書いた場合には次のようになります。DOMをクリックしたタイミングでは対象になるDOM(h3)が取れますが、fetchした後はWindowオブジェクトに変わっています。このthisの取り扱いが異なるところがJavaScriptの難しさに感じるでしょう。})})これがアロー関数を使った場合、DOMではなくWindowオブジェクトが返ってくるようになります。})})他にも、アロー関数の場合は引数が一つの場合は括弧を省略して書けます。${name}`}これは次のように書けます。${name}`}さらに一行でデータを返却する場合には波括弧とreturnを省略できます。下記のように記述できます。Assignment)関数などの返却値としてオブジェクトを返すことがあると思います。複数の値をまとめて返したい時です。'd'}}この時、返り値を波括弧で受け取ることができます。d存在しないキー名を指定してもエラーにはなりませんが、変数の内容は存在しません。指定していますので、変数dには別な値を設定できません。undefined分割代入はオブジェクトだけでなく、配列でもできます。3]}この場合は変数名は決まったものではなく、前から順番に代入されます。undefinedあらかじめキー名が分かっているオブジェクトを扱う場合、返却される配列の要素数が分かっている場合などに便利です。Spread)例えばある数の集合の中で最大の数を見つけるのに使うのがMath.max関数です。この関数は次のように使います。10数を並べないといけないのですが、この数がプログラミングによって可変で変わる場合はどうしたらいいでしょうか。昔は次のように書いていました。10これを簡単にしてくれるのが配列展開です。配列の内容を引数に展開してくれる仕組みです。10同じような例として配列の連結にも使えます。4]上記の例ではaryを再代入しているのでletを使っていますが、次のようにすればconstが使えます。4]これは配列だけでなくオブジェクトでも利用できます。オブジェクトをコピーするのに便利です。Strings)テンプレート文字列はこれまでのサンプルコードでも何回か登場しています。これまで、文字の中に変数の内容を入れる場合には次のようにしなければなりませんでした。Monacaこの方法の場合、文字列の中に"(ダブルクォート)や'(シングルクォート)を入れたい時に不便だったり、+を使って文字列を連結するのでコードが見づらくなります。HTMLを文字列で作る際に、次のようなコードを書いた経験は誰しもあるのではないでしょうか。href="https://ja.monaca.io/">Monaca</a>シングルクォートとダブルクォートの使い分けも面倒ですし、文字列が分かれてしまうので閉じタグをミスしてしまったりします。これを防げるのがテンプレート文字列になります。上記のHTMLの例の場合、次のように書けます。href="https://ja.monaca.io/">Monaca</a>利用するのは(バッククォート)になります。使ってJavaScriptが書けます。変数をそのまま展開するのはもちろん、計算式も入れられます。答えは2ですテンプレート文字列の場合、改行も利用できます。