TECH I.S.

JavaScript 関数


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

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


// p1とp2の積を計算する関数 function myFunction(p1, p2) {   return p1 * p2; }


JavaScript関数の構文

JavaScript関数は、functionキーワード、その後に名前、その後に括弧()です。

関数名には、文字、数字、アンダースコア、およびドル記号を含めることができます (変数と同じ規則)。

括弧には、コンマで区切られたパラメーター名を含めることができます。(パラメータ1、パラメータ2...)

関数によって実行されるコードは、中括弧内に配置されます。

function<em>name</em>(<em>parameter1, parameter2, parameter3</em>) {   // <em>実行されるコード</em> }

関数パラメーターは、関数定義の括弧()内にリストされます。

関数の引数は、が呼び出されたときに関数によって受信されます。

関数内では、引数(パラメーター)はローカル変数として動作します。


関数呼び出し

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

  • イベント発生時(ユーザーがボタンをクリックしたとき)
  • JavaScriptコードから呼び出される (呼び出される) 場合
  • 自動的に(自己呼び出し)

関数呼び出しについては、このチュートリアルの後半で詳しく説明します。


関数リターン

JavaScriptがreturnステートメントで、関数は実行を停止します。

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

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

2つの数値の積を計算し、結果を返します。

let x = myFunction(4, 3);   // 関数が呼び出され、戻り値がxになる function myFunction(a, b) {   return a * b;            // 関数はaとbの積を返す。 }

xの結果は次のようになります。

12

() 演算子

() 演算子は関数を呼び出します。

華氏を摂氏に変換します。

function toCelsius(fahrenheit) { return (5/9) * (fahrenheit-32); } let value = toCelsius(77);

関数が必要な理由

コードを再利用できます。コードを一度定義すれば、何度でも使用できます。

同じコードを異なる引数で何度も使用して、異なる結果を生成できます。

華氏を摂氏に変換します。

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;


変数値として使用される関数

関数は、すべての種類の式、代入、および計算で、変数を使用するのと同じ方法で使用できます。

関数の戻り値を格納するために変数を使用する代わりに

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

関数を変数値として直接使用できます。

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

関数については、このチュートリアルの後半で詳しく説明します。


ローカル変数

JavaScript 関数内で宣言された変数は、関数に対してローカルになります。

ローカル変数は、関数内からのみアクセスできます。

// このコードではcarNameは使用できない function myFunction() {   let carName = "Volvo";   // ここでcarNameを使用できるコード } // このコードではcarNameは使用できない

ローカル変数は関数内でのみ認識されるため、同じ名前の変数を別の関数で使用できます。

ローカル変数は、関数の開始時に作成され、関数の終了時に削除されます。


プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細