JavaScript で `var` キーワードをいつ、どのように使用する必要がありますか?

JavaScript における 'var' キーワードの目的と使用法を理解する

JavaScript では、'var' キーワードは変数の宣言、スコープの決定、そして吊り上げ。ただし、いつ、どのように使用するか (または省略するか) は混乱を招く可能性があります。この記事の目的は、「var」の目的を明確にし、開発者が情報に基づいた選択を行えるようにすることです。

「var」キーワードの機能

変数宣言:
「var」の主な目的は、JavaScript で変数を宣言することです。これにより、開発者は値を保存できる名前付きエンティティを作成できます。例:

var someNumber = 2;
var someFunction = function() { doSomething; }
var someObject = { };

「var」を使用すると、これらの変数が確実に作成され、指定された値で初期化されます。

スコープの決定

グローバル スコープ:
「var」がグローバル スコープで使用される場合、宣言された変数はグローバルになります。スクリプト全体からアクセスできます。この動作は、'var' キーワードが存在するかどうかに関係なく同じままです:

// Global variable creation
var someNumber = 2;
// Equivalent to
someNumber = 2;

関数スコープ:
関数内で、'var' を使用すると、制限されたローカル変数が作成されます。関数のスコープに。ただし、「var」が省略された場合、JavaScript はスコープ チェーン内で変数を検索しようとします。

function()
{
    // Local variable creation
    var foo = 1;
    // Global variable access
    bar = 2;
}

この例では、「foo」はローカル変数であり、「bar」はグローバル変数です。

ホイスティング

グローバルスコープ:
グローバル スコープで 'var' で宣言された変数は、スクリプトの先頭にホイストされます。これは、コードが実行される前に変数が効果的に宣言されることを意味します。

関数スコープ:
関数内で 'var' で宣言された変数も関数ブロックの先頭にホイストされますが、そうではありません。グローバル スコープ。

「var」を使用する場合

次の場合に必須代入:
既に宣言された変数に値を代入する場合、'var' は必要ありません:

var x; // Variable declaration
x = 10; // Assignment

逆に、変数が 'var' なしで宣言され、その後代入される場合、JavaScript新しいグローバル変数を作成します。

変数スコープ制御:
In変数のスコープを制限することが重要な場合、関数内で 'var' を使用することが重要です。これにより、変数はその関数内でのみアクセス可能になります。

「var」を省略する場合

グローバル スコープ宣言:
意図的にグローバル変数を作成する場合、' を省略します。 JavaScript はこれらの変数をグローバル変数に自動的に割り当てるため、var' を選択することをお勧めします。 object.

「let」を使用した関数スコープ変数 (ECMAScript 6):
新しいバージョンの JavaScript (ECMAScript 6) では、「let」キーワードを使用して宣言できます。関数内でブロック スコープの変数を使用できるため、その目的での 'var' の必要性が低くなります。

以上がJavaScript で `var` キーワードをいつ、どのように使用する必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。