関数の呼び出し方 | 関数定義 | JavaScript 超完全入門 基本から発展までのすべて

現在作成中です。今後加筆修正してまいります。
スポンサーリンク
スポンサーリンク

関数の呼び出しとは?

JavaScriptの関数の呼び出しとは、定義された関数を実際に実行する操作を指します。関数を呼び出すことで、その中のコードが実行され、処理結果が返されます。関数は再利用可能なコードブロックであり、複数回呼び出すことが可能です。

関数を呼び出す基本的な方法

関数を呼び出すには、定義された関数名の後に丸括弧()を付けます。関数に引数を渡す場合は、この丸括弧の中に引数を指定します。

関数の呼び出し例

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

// 関数を呼び出す
greet();  // "Hello, World!" を出力

この例では、greetという関数を定義し、その後greet()を使って呼び出しています。結果として、"Hello, World!"がコンソールに出力されます。

引数を持つ関数の呼び出し

関数に引数を渡すことで、異なるデータを使って関数を実行することができます。引数は、関数の定義時に指定し、呼び出し時にその値を渡します。

引数を持つ関数の呼び出し例

function greet(name) {
    console.log("Hello, " + name + "!");
}

// 関数を引数を使って呼び出す
greet("Taro");  // "Hello, Taro!" を出力
greet("Hanako");  // "Hello, Hanako!" を出力

この例では、greet関数が1つの引数nameを受け取り、その値を使って異なるメッセージを出力しています。

戻り値を持つ関数の呼び出し

関数は、結果を返すためにreturn文を使うことができます。戻り値を持つ関数を呼び出すと、その結果が返され、他の操作に利用できます。

戻り値を持つ関数の例

function add(a, b) {
    return a + b;
}

// 関数を呼び出し、戻り値を使う
let result = add(3, 5);
console.log(result);  // 8 を出力

この例では、add関数が2つの引数を受け取り、その合計をreturn文で返しています。呼び出し側では、この戻り値を変数resultに代入し、さらに他の処理に利用しています。

関数呼び出しのタイミング

関数の呼び出しは、コード内のどのタイミングでも可能です。関数宣言はホイスティングされるため、関数定義の前でも呼び出しが可能です。

関数呼び出しのタイミングの例

sayHello();  // "Hello!" を出力

function sayHello() {
    console.log("Hello!");
}

この例では、関数sayHelloが定義される前に呼び出されていますが、正常に動作します。これは関数宣言がホイスティングされるためです。

即時関数の呼び出し

即時関数(IIFE: Immediately Invoked Function Expression)は、関数を定義すると同時に実行する特殊な形式の関数です。主に一度限りの処理を行うために使用されます。

即時関数の例

(function() {
    console.log("This function is called immediately!");
})();  // 即座に実行される

この例では、無名関数が定義され、その場で即時実行されています。IIFEはスコープを隔離するためにも利用されます。

まとめ

JavaScriptでは、関数を定義した後に呼び出すことでその中のコードを実行します。関数呼び出しは、関数名の後に丸括弧()を付けることで行い、必要に応じて引数や戻り値を利用できます。また、関数の呼び出しはコード内のさまざまなタイミングで行うことができ、即時関数を使えば関数を定義すると同時に実行することも可能です。