無名関数の利便性 | 無名関数 | JavaScript 超完全入門基本から発展までのすべて

INDEX

無名関数とは？

無名関数（Anonymous Function）とは、関数名を持たない関数のことです。

JavaScriptでは、関数を変数に代入したり、他の関数へ渡したりすることができます。その際、一度しか使用しない処理では、名前を付けずに無名関数として記述することがよくあります。

無名関数は、関数名を書かずに変数へ代入して使用できます。


const greet = function () {
    console.log("Hello, World!");
};

greet();

実行結果


Hello, World!

この例では、名前のない関数をgreetという変数へ代入しています。関数名はありませんが、変数名を使って呼び出すことができます。

無名関数は、他の関数へ渡すコールバック関数として非常によく利用されます。


setTimeout(function () {
    console.log("2秒経過しました");
}, 2000);

実行結果（2秒後）


2秒経過しました

このように、一度しか使わない処理は無名関数で書くとコードが簡潔になります。

map()やfilter()などの配列メソッドでも、無名関数は頻繁に利用されます。


const numbers = [1, 2, 3];

const doubled = numbers.map(function (num) {
    return num * 2;
});

console.log(doubled);

実行結果


[2, 4, 6]

コールバック関数として無名関数を渡すことで、配列の各要素を処理できます。

無名関数は、定義すると同時に実行する即時実行関数（Immediately Invoked Function Expression：IIFE）にも利用されます。


(function () {
    console.log("すぐに実行されました");
})();

実行結果


すぐに実行されました

現在ではES6モジュールの普及により使用頻度は減りましたが、既存のコードでは今でも見かけることがあります。

ES6以降では、無名関数はアロー関数でより簡潔に書けるようになりました。


const greet = () => {
    console.log("Hello, World!");
};

greet();

実行結果


Hello, World!

現在では、コールバック関数などではアロー関数が使われることが多くなっています。ただし、thisの動作が通常の関数とは異なるため、用途に応じて使い分けることが大切です。