0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

即時関数、アロー関数

Last updated at Posted at 2021-06-04

即時関数


即時関数とは、関数を定義すると同時に実行される構文です。関数を定義してから呼び出すと言う手間を省くことができます。

// 無名関数
const countNum = function(num){
 console.log(num)
}
countNum(1)

// 即時関数
(function countNum(num) {
 console.log(num)
})(1)

()の中にfunctionからはじまる関数定義そのものを配置することで、その関数を即実行するということができるようになります。その結果、関数を呼び出すという手間が省けます。

アロー関数


アロー関数とは、functionの記述を省略し、その代わりに()=>という記述によって関数を定義する構文です。より短い記述で関数を定義できるというメリットがあります。

// 無名関数
const 変数名 = function(){
 処理
}

// アロー関数
const 変数名 = ()  => {
 処理
}

以下のコードを記述して1と表示されていれば成功です。

const countNum = (num) => {
 console.log(num)
}
countNum(1)
関数定義の種類  特徴
関数宣言 標準的な関数の定義
無名関数 関数を多く使用するコードであるときに使用する。関数名の重複を避けることができる。
即時関数 流用する可能性のない関数を定義するときに使用する。別途関数を定義する手間がない。
アロー関数 無名関数または即時関数において、より省略したいときに使用する。
0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?