JavaScript学習(ES6) 基礎編 ~アロー関数とは？~

こちらではJavaScript学習の備忘録を記載しております。
プログラミング初心者、関心をお持ちの方々の参考になれば幸いです。

---

アロー関数とは？

アロー関数とは、下記のように 「function( )」を「( )=>」と書く、関数の記述方法のこと。
(上記以外は、定義方法、呼び出し方も以前と変わらず)
ES6から導入された新しい書き方で、functionを用いるよりシンプルに記述することができる。

script.js

// ES6以前
const 定数名 = function() {
  // まとめたい処理
};

// アロー関数
const 定数名 = ()=> {
  // まとめたい処理
};

script.js

const introduce = ()=> {
  console.log("こんにちは");
  console.log("私の名前は佐々木ですよ");
};

introduce();  // 関数を呼び出す

// 実行結果
こんにちは
私の名前は佐々木ですよ

引数を受け取る

引数とは、関数に与える追加情報のようなもの。
関数を呼び出す時に一緒に値を渡すことで、関数の中でその値を利用することができる。

引数を受け取る関数を定義する際は、「(引数名) =>」と括弧の中に引数名を書くことで引数を受け取ることができる。

script.js

const 定数名 = (引数名)=> {
  // まとめたい処理
};

関数の呼び出し

引数を受け取る関数を呼び出すには、「定数名(値)」と書く。
関数は、指定した値を受け取り、その値は引数に代入される。

script.js

const 定数名 = (引数名)=> {  // ①の呼び出しと一緒に、値が引数に代入される
  // まとめたい処理
};

定数名(値);  // ①関数の呼び出し

---

####おわりに
本当に最初の基本的な部分であります。
今後ともよろしくお願い致します！！