JavaScriptコードを一度実行する方法

JavaScript は、インタラクティブな Web ページやアプリケーションの作成に使用できる強力なプログラミング言語です。場合によっては、Web ページやアプリケーションのライフサイクル全体を通じて JavaScript コードを繰り返し実行するのではなく、JavaScript コードを 1 回実行するだけで済む場合もあります。この記事では、JavaScript でコードを 1 回実行する方法を説明します。

JavaScript での 1 回限りの実行は、次の 3 つの方法で実現できます。

1. 即時呼び出し関数式 (IIFE)

IIFE は匿名です。すぐに呼び出すことができる関数で、定義後すぐに自分自身を呼び出し、一度だけ実行されます。このアプローチではクロージャを使用するため、グローバル変数の使用を回避します。以下に例を示します。

(function() {
  console.log('这个代码将只执行一次。');
})();

この例では、匿名関数を定義し、それをすぐに呼び出します。この関数はすぐに呼び出されるため、実行されるのは 1 回だけです。関数本体内に実行するコードを記述できます。

2. 自己実行型匿名関数

IIFE と同様に、このメソッドも自己実行型匿名関数を使用します。ただし、この場合は、実行する必要がある関数として参照できるように、匿名関数を変数に代入します。以下に例を示します。

var runOnce = function() {
  console.log('这个代码将只执行一次。');
}
runOnce();

この例では、無名関数を定義し、それを「runOnce」という変数に割り当てます。関数に値を割り当てた後は、他の関数と同じように呼び出すことができます。

3. 変数が初期化されているかどうかを判断する

この方法では、グローバル変数を定義し、ブール値を使用してそれが初期化されているかどうかを判断します。変数が初期化されていない場合、コードは 1 回だけ実行されます。以下に例を示します。

if (!window.alreadyRun) {
  console.log('这个代码将只执行一次。');
  window.alreadyRun = true;
}

この例では、グローバル変数「window.alreadyRun」が「true」に設定されているかどうかを確認します。変数が設定されていない場合、コードが実行され、変数は「true」に設定されます。変数はグローバル オブジェクトで定義されているため、プログラム全体で参照できます。

概要

この記事では、JavaScript でコードを 1 回実行する 3 つの方法を紹介しました。即時実行関数式と自己実行匿名関数の両方で、グローバル変数の使用を避けるために自己実行匿名関数が使用されます。変数が初期化されているかどうかを確認する方法は、プログラムのライフサイクル全体にわたって状態を保存する必要がある状況に適しています。どの方法を選択するかは、特定のニーズによって異なります。

以上がJavaScriptコードを一度実行する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。