JavaScript 関数
JavaScript関数は、特定のタスクを実行するために設計されたコードのブロックです。
JavaScript関数は、「何か」が呼び出すときに実行されます。
JavaScript関数の構文
JavaScript関数は、function
キーワード、その後に名前、その後に括弧()です。
関数名には、文字、数字、アンダースコア、およびドル記号を含めることができます (変数と同じ規則)。
括弧には、コンマで区切られたパラメーター名を含めることができます。(パラメータ1、パラメータ2...)
関数によって実行されるコードは、中括弧内に配置されます。
関数パラメーターは、関数定義の括弧()内にリストされます。
関数の引数は、値が呼び出されたときに関数によって受信されます。
関数内では、引数(パラメーター)はローカル変数として動作します。
関数呼び出し
関数内のコードは、「何か」が関数を呼び出す時に実行されます。
- イベント発生時(ユーザーがボタンをクリックしたとき)
- JavaScriptコードから呼び出される (呼び出される) 場合
- 自動的に(自己呼び出し)
関数呼び出しについては、このチュートリアルの後半で詳しく説明します。
関数リターン
JavaScriptがreturn
ステートメントで、関数は実行を停止します。
関数がステートメントから呼び出された場合、JavaScriptは呼び出しステートメントの後にコードを実行するために「戻り」ます。
関数は多くの場合、戻り値を計算します。戻り値は「呼び出し元」に「返されます」。
例
2つの数値の積を計算し、結果を返します。
xの結果は次のようになります。
12
() 演算子
() 演算子は関数を呼び出します。
例
華氏を摂氏に変換します。
関数が必要な理由
コードを再利用できます。コードを一度定義すれば、何度でも使用できます。
同じコードを異なる引数で何度も使用して、異なる結果を生成できます。
例
華氏を摂氏に変換します。
()演算子は関数を呼び出します
上記の例を使用すると、toCelsius
関数オブジェクトを参照し、toCelsius()
関数の結果を参照します。
()なしで関数にアクセスすると、関数の結果ではなく関数オブジェクトが返されます。
例
変数値として使用される関数
関数は、すべての種類の式、代入、および計算で、変数を使用するのと同じ方法で使用できます。
例
関数の戻り値を格納するために変数を使用する代わりに
関数を変数値として直接使用できます。
関数については、このチュートリアルの後半で詳しく説明します。
ローカル変数
JavaScript 関数内で宣言された変数は、関数に対してローカルになります。
ローカル変数は、関数内からのみアクセスできます。
例
ローカル変数は関数内でのみ認識されるため、同じ名前の変数を別の関数で使用できます。
ローカル変数は、関数の開始時に作成され、関数の終了時に削除されます。
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。