JavaScript 関数は、特定のタスクを実行するために設計されたコードのブロックです。

JavaScript 関数は、「何かに」呼び出されたときに実行されます。

例

function myFunction(p1, p2) {
return p1 * p2; // The function returns the product of p1 and p2
}

Try it yourself ❯

JavaScript 関数の構文

JavaScript 関数は、function キーワードの後に関数名が続き、その後ろに括弧 () を続けることで定義します。

関数名には、文字、数字、アンダースコア、ドル記号を使用することができます（変数と同じ規則）。

括弧内には、カンマで区切った複数のパラメータ名を指定することができます： (parameter1, parameter2, ...)

関数により実行されるコードは、波括弧の内側に配置します：{}

function name(parameter1, parameter2, parameter3) {
実行するコード・・・
}

関数のパラメータ は、関数定義にリストされている名称です。

関数の引数は、呼出されたときに関数が受信する実際の値です。

関数の内部では、引数は、ローカル変数のように振る舞います。

関数は、他のプログラミング言語におけるプロシージャまたはサブルーチンとほぼ同じです。

関数の呼出し

関数内のコードは、「何か」に関数が呼出された時に実行されます：

関数呼び出しについては、このチュートリアルの後段で更に学習します。

関数の戻り

JavaScript が return 文に到達すると、関数は実行を停止します。

関数がステートメントから呼び出された場合、呼出したステートメントの後のコードを実行するため「戻り」ます。

多くの場合、関数は戻り値を計算します。戻り値は、「呼出し元」に返されます：

例

2つの数の積を計算し、その結果を返します：

var x = myFunction(4, 3); // Function is called, return value will end up in x

function myFunction(a, b) {
return a * b; // Function returns the product of a and b
}

x の結果は次の通りです：

Try it yourself ❯

なぜ関数？

コードの再利用ができます：コード定義を一回行えば、何度でも使用できます。

様々な結果を得るために、同じコードを異なる引数で何度でも使用することができます。

例

華氏を摂氏に変換する：

function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);

Try it yourself ❯

() 演算子は関数を呼出す

上の例を使用することで、toCelsius は関数オブジェクトを参照し、toCelsius() は関数結果を参照します。

例

() なしに関数へアクセスすると、関数定義が返されます：

function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;

Try it Yourself ❯

変数として使う関数

JavaScript では、変数を使用するのと同じように、関数を使用することができます。

例

これに変えて

var x = toCelsius(32);
var text = "The temperature is " + x + " Celsius";

次のようにできます：

var text = "The temperature is " + toCelsius(77) + " Celsius";

Try it Yourself ❯

このチュートリアルの後段で、関数についてより多くのことを学習します。

JavaScript 関数

例