JavaScript呼び出しメソッド-フロントエンドQ&A-php.cn

JavaScript呼び出しメソッド

WBOY

リリース： 2023-05-22 10:15:06

オリジナル

994 人が閲覧しました

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) の使用:

即時実行関数式 (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 サイトの他の関連記事を参照してください。