JavaScript 匿名関数

Summary: このチュートリアルでは、JavaScript 匿名関数について学びます。

Introduction to JavaScript anonymous functions

Anonymous function is an function without the name.

次の例は、メッセージを表示する匿名関数を示しています：

Code language: JavaScript (javascript)

この例では、匿名関数は function キーワードと括弧 () の間に名前を持ちません。

後で匿名関数を呼び出す必要があるため、show 変数に関数を代入します。

他の関数の引数として匿名関数を使用する

我々はしばしば、他の関数の引数として匿名関数を使用します。 例えば、

Code language: JavaScript (javascript)

この例では、setTimeout()関数に無名関数を渡しています。 setTimeout() 関数はこの匿名関数を 1 秒後に実行します。

JavaScript では関数は第一級市民なので、関数を引数として他の関数に渡すことができることに注意してください。

即座に呼び出される関数の実行

関数を作成して宣言後すぐに実行したい場合は、次のように匿名関数を使用できます。

Code language: JavaScript (javascript)

動作方法について説明します。

まず、次のように関数式を定義します：

Code language: JavaScript (javascript)

次に、最後の括弧 () で関数を呼び出します：

Code language: JavaScript (javascript)

また、時には、次のように引数を渡したいこともあるでしょう：

Code language: JavaScript (javascript)

arrow functions

ES6 では、匿名関数を宣言できる短縮表現、 arrow function expression を導入しています。

例えば、この関数:

Code language: JavaScript (javascript)

… は次のarrow function:

Code language: JavaScript (javascript)

と同じように、次の匿名関数：

Code language: JavaScript (javascript)

… は次の arrow function:

Code language: JavaScript (javascript)

Summary

• 匿名関数とは名前の無い関数である。
• 匿名関数は、他の関数への引数として、または即座に呼び出される関数実行として使用できます。