ホームページ > 記事 > ウェブフロントエンド > JavaScript呼び出しメソッド
JavaScript は、Web アプリケーション開発に使用される人気のあるプログラミング言語です。学びやすく、多用途です。 JavaScriptでは複数の呼び出しメソッドが利用できるので、この記事で詳しく紹介します。
JavaScript で関数を定義することは、プログラミングの一般的な方法です。関数定義は function キーワードで始まり、その後に関数名と括弧が続き、関数本体には適切なコードが含まれます。関数を呼び出すときは、コード内に関数名と括弧を入力するだけです。
たとえば、ユーザーに「こんにちは!」メッセージを表示するgreetingという関数を定義するとします。次のコードを使用して呼び出しを行うことができます。
function greeting() { alert("你好!"); } greeting();
JavaScript では、値を指定しなくても、すべての関数は値を返します。値を返したい場合は、関数内で戻り値を含む return ステートメントを使用します。例:
function add(a, b) { return a + b; } var sum = add(5, 2); alert(sum); //输出"7"
即時実行関数式 (IIFE) は、名前のない自己実行関数です。これは定義されるとすぐに呼び出され、関数内にはいくつかの保護された変数が存在します。
例:
(function() { var myVar = "Hello"; alert(myVar); })();
この例では、保護された変数 myVar を含む IIFE を定義します。この変数は、即時実行関数式内で宣言されています。 IIFE の最後にこの関数を呼び出すと、「Hello」値を含むアラート ボックスがポップアップ表示されます。
キャプチャ関数とコールバック関数は、通常、非同期で実行されるコードでコールバック関数を使用する必要がある場合に使用されます。キャプチャ関数は変数への参照を保持し、必要に応じてコールバック関数を呼び出して、関数が適切なタイミングで呼び出されるようにします。
例:
function doSomething(callback) { var result = "done"; callback(result); } doSomething(function(result) { alert(result); });
この例では、最初にコールバック関数をパラメーターとして含む doSomething 関数を定義します。次に、doSomething 関数を呼び出し、関数 doSomething の実行が終了した後に実行されるコールバック関数を渡します。したがって、この例では関数を呼び出し、呼び出しが完了するとすぐに、ポップアップ ボックスにコンテンツが表示されます。
JavaScript では、コンストラクターを使用してオブジェクトを定義し、呼び出すこともできます。コンストラクターは new 演算子を使用してオブジェクト インスタンスを作成し、プロパティとメソッドを定義して、それらをコンストラクターの一部として呼び出すことができます。
例:
function Car(make, model, year) { this.make = make; this.model = model; this.year = year; this.start = function() { alert("The " + this.make + " " + this.model + " starts"); }; this.stop = function() { alert("The " + this.make + " " + this.model + " stops"); }; } var myCar = new Car("Toyota", "Camry", 2020); myCar.start(); myCar.stop();
この例では、Car コンストラクターを定義して車両オブジェクトを作成し、開始メソッドと停止メソッドを定義します。次に、 new キーワードを使用して新しい Car オブジェクト インスタンスを作成し、それを myCar 変数に格納し、そのメソッドを呼び出します。
結論:
上記は、JavaScript でのいくつかの呼び出しメソッドの紹介です。ニーズに応じて適切な方法を選択できます。どちらも、コードをより柔軟で管理しやすくし、ユーザーにより良いエクスペリエンスを提供できる優れたプログラミング ツールです。
以上がJavaScript呼び出しメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。