Next

JavaScriptの関数宣言の記述方法をご紹介していきます。

通常の関数

関数を定義するためにfunctionを使います。

function hoge() {
    //処理が入ります
    return;
}

無名関数

関数名なしで関数を定義できる記述方法になります。

const hoge = function() {
  // 処理が入ります
	return; 
}

アロー関数

ES6から導入された無名関数を簡潔に書くため記述方法になります。

const hoge = () => {
  // 処理が入ります
	return; 
}

アロー関数での注意

• 通常の関数ではthisの値は呼び出される時に決まりますが、アロー関数では関数が宣言された時に決まります。

関数の実行

定義したものを実行したい場合は、下記のように記述していきます。

function hoge() {
    console.log('コンソール出力');
}
hoge();