JavaScript 関数呼び出しと参照: いつどちらを使用するか?

関数呼び出しと参照について

JavaScript では、関数を直接呼び出すことも、関数参照を必要とするプロパティに割り当てることもできます。関数呼び出しと関数参照の区別を理解することは重要です。

関数呼び出し

関数呼び出しには、関数を直接呼び出し、かっこを使用してそのコードを実行することが含まれます。たとえば、このコードでは:

function hello() {
  alert("hi!");
}

hello(); // Function call

hello() を呼び出すと、関数がすぐに実行され、警告メッセージが表示されます。

関数リファレンス

一方、関数参照は、関数を呼び出さずに変数またはプロパティを関数に割り当てます。これは主に、クリック イベント ハンドラーなど、プロパティが後で実行するための関数参照を予期する場合に使用されます。

次の例を考えてみましょう:

var elem = document.getElementById("btn");
elem.onclick = hello; // Function reference

このコードでは、elem.onclick プロパティhello() 関数への参照が割り当てられます。 ID「btn」のボタンをクリックすると、onclick プロパティに割り当てられたコードが実行されます。この場合は hello() 関数です。

参照または呼び出しを使用する場合

関数参照と呼び出しのどちらを選択するかは、目的によって異なります。関数をすぐに実行する必要があり、その戻り値が重要な場合は、関数呼び出しが適切です。後でイベントが発生したときに実行されるプロパティに関数が割り当てられている場合は、関数参照が必要です。

よくある誤解の回避

次の場合は関数をすぐに実行しないようにしてください。それを参照に代入します。たとえば、次のコードは正しくありません:

element.onclick = funcRef();

代わりに、

element.onclick = funcRef;

以上がJavaScript 関数呼び出しと参照: いつどちらを使用するか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。