konakona-engineers diary

新米エンジニアのプログラミングブログ

JS様々な関数定義

関数宣言

function 関数名( 引数 ){
  // ここに関数の処理を記載
}

 

関数式

変数 = function( 引数 ){
  //ここに関数の処理を記載
}

 

無名関数

const hello = function(){
  console.log('こんにちわ')
}

※無名関数は、関数名なしで関数を定義できるためコードが簡潔になる

 

即時関数

(function countNum(num) {
  console.log(num)
})(1)

()に中にfunctionから始まる関数定義を記載すると、その関数を即実行する

 

アロー関数

const 変数名 = () => {
  処理
}

functionの代わりに () =>を使うことができる。これにより短い記述での関数定義ができる

 

関数宣言・・・標準的な関数の定義

無名関数・・・関数を多く使用するコードの時に使用する。関数名の重複を避ける

即時関数・・・流用する可能性のない関数の時に使う。

アロー関数・・・無名関数・即時関数に置いて、より省略した記述をしたい場合に使う