かずんはじめにこんにちは、かずん(@kazoonLab)です。ES6(ES2015)にて、JavaScriptにアロー関数が追加されました。以前に紹介したletとconstと同じタイミングでの実装です。関数式アロー関数とはまとめ「無名関数」とはアロー関数の説明をする前に、まず「無名関数」1について説明します。関数宣言ES6以前は、関数は名前付きで宣言しました。下記のコードを参照ください。'Foo'上のコードでは、関数にfooという名前を付けて宣言しています。宣言された関数fooは、foo()という形で呼び出すことができます。declaration)といいます。関数宣言には、以下の問題点があります。どちらも、varで変数宣言する場合と似ていますね。上書きできてしまうこのような問題を解消するため、「関数式」という手法があります。関数式とは、通常の変数宣言と同様に、変数に関数を代入することです。下のコードを見てみましょう。bar関数を実行bar();上のコードで、functionと()の間に名前がないことにお気づきでしょうか。変数barには名前のない、「コンソールに'Bar'を表示する」関数が代入されています。この名前のない関数こそが、上で登場した「無名関数」です。変数に入れられるということは、letやconstを使うことができます。これによって、上述の問題は解消できそうです。アロー関数とはところで、今までの関数の形はいわゆるブロック({}で囲まれている)でした。これをもっと短く書けるようにしたのが、今回のテーマである「アロー関数」です。先程のbar関数をアロー関数で書くと、以下のようになります。やじるし)から、アロー関数と呼ばれています。おおまかな挙動はfunction()で書いたものと同じです。2ブロックの中身が一行なら、短縮して書くこともできます。console.log('Bar');関数の引数が一つなら、引数の()を外して書くこともできます。3アロー関数なら省略できます。9このように、アロー関数を使うことで、さらにソースコードを読みやすくさせることができます。まとめ今回は、ES6で実装されたアロー関数についてご紹介しました。使いこなせると、単純で見やすいコードを書けるようになります。次回の記事では、アロー関数が実際に使われる例の1つ、「Arrayの反復処理」についてご紹介します。最後までご覧いただきありがとうございます。技術者の方ともっと繋がりたいっす!お気軽にフォローもお願いします!かなきち(@kanakichi0801)かずん(@kazoonLab)JavaScriptには本来「無名関数」という概念は存在しませんが、関数宣言との対比で便宜上この言葉を使用しています。関数の中で「this」で示されるオブジェクトが異なります。JavaScriptのthisに関しては、今後の記事でご紹介します。こんにちは、かずん(@kazoonLab)です。こんにちは、かずん(@kazoonLab)です。こんにちは、かずん(@kazoonLab)です。こんにちは、かずん(@kazoonLab)です。こんにちは、かずん(@kazoonLab)です。かずんスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。