JavaScript関数は、特定のタスクを実行するために設計されたコードのブロックです。
JavaScript関数は、「何かが」(それを呼び出す)それを呼び出したときに実行されます。
例
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
»それを自分で試してみてください JavaScriptの関数の構文
JavaScript関数を使用して定義されたfunction括弧が続く名前で、キーワードに続きます()
関数名は文字、数字、アンダースコア、およびドル記号(変数と同じ規則)を含めることができます。
括弧は、カンマで区切られたパラメータ名を含むことができます。
( パラメーター1、パラメーター、...)
実行されるコードは、関数によって、中括弧の内側に配置されています: {}
function
name ( parameter1, parameter2, parameter3 ) {
code to be executed
}
関数のパラメータは、関数定義に記載されている名前です。
関数の引数は、それが呼び出される関数によって受信された実数値です。
関数の内部では、引数はローカル変数として振る舞います。
機能は、他のプログラミング言語で、プロシージャまたはサブルーチンとほぼ同じです。
関数の呼び出し
関数内のコードが実行されたときに「何か」 のinvoke(呼び出し)機能:
- イベントが発生すると(ユーザーがボタンをクリックしたとき)
- それが呼び出されるとJavaScriptコードから(と呼ばれます)
- 自動的に(自己が呼び出さ)
後でこのチュートリアルで関数呼び出しについてより多くを学びます。
関数の戻り
JavaScriptがreturn文に到達すると、関数が実行を停止します。
関数がステートメントから呼び出された場合、JavaScriptは、呼び出しステートメントの後にコードを実行するには、「戻る」します。
関数は、多くの場合、 戻り値を計算します。 戻り値が戻って「発信者」を「返却」されています。
例
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の結果は次のようになります。
12
»それを自分で試してみてください なぜ機能?
一度コードを定義し、それを何回も使用します。あなたは、コードを再利用することができます。
あなたは異なる結果を生成するために、異なる引数で同じコードを何度も使用することができます。
例
摂氏華氏の変換:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);
»それを自分で試してみてください ()演算子は、関数を呼び出します
上記の例を使用して、 toCelsius関数オブジェクトを参照し、 toCelsius()関数の結果を意味します。
例
()なしで機能にアクセスするには、関数定義を返します。
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;
»それを自分で試してみてください 変数として使う機能
あなたは変数を使用するようにJavaScriptでは、あなたは同じような機能を使用することができます。
例
あなたが使用することができます。
var
text = "The temperature is " + toCelsius(77) + " Celsius";
の代わりに:
var x = toCelsius(32);
var text = "The temperature is " + x + " Celsius";
»それを自分で試してみてください 後でこのチュートリアルで関数についてより多くを学びます。