JavaScript における var と let の違いと類似点

JavaScriptのvarとletの違い

JavaScriptで変数を宣言するには、let、var、constの3つの異なる方法があります。 Let と const は字句環境では同じように動作しますが、var は初期に導入されたものであり、現在の Javascript では一般に使用されていませんが、この記事では混乱しないように詳しく説明します。あなた。

例 1 この 2 つは同じです

function sayHi() {
  var phrase = "Hello"; // local variable, "var" instead of "let"

  alert(phrase); // Hello
}

sayHi();

alert(phrase); // Error, phrase is not defined

例 2 2 つは異なります

以下は異なります。var にはブロック領域がなく、グローバルまたは関数領域のみがあり、ブロック領域をまたぐことができます。

if (true) {
  var test = true; // use "var" instead of "let"
}

alert(test); // true, the variable lives after if

2 行目で let を使用すると、alter ステートメントでテストにアクセスできなくなります。ただし、var はコード ブロックを無視するため、実際にはテスト変数をグローバル変数として宣言します。

同じことがループにも当てはまり、var をブロック領域またはローカル ループ領域にすることはできません:

for(var i = 0; i < 10; i++) {
  // ...
}

alert(i); // 10, "i" is visible after loop, it&#39;s a global variable

コード ブロックが関数内にある場合、var は関数レベルの変数になります:

function sayHi() {
  if (true) {
    var phrase = "Hello";
  }

  alert(phrase); // works
}

sayHi();
alert(phrase); // Error: phrase is not defined

ご覧のとおり、 var は if、for、またはその他のコード ブロックを通過します。当時、初期の Javascript ブロックには字句環境がなく、var は初期のレガシー製品でした。

var は関数の先頭で処理されます

var 宣言は関数の先頭 (グローバル変数の場合はスクリプトの先頭) で処理されます。つまり、var 変数は、どこで定義されているかに関係なく、関数の先頭で宣言されます (ネストされた関数で定義されていないと仮定します)。コード例:
関数sayHi() {
Phrase = "Hello";

  alert(phrase);

  var phrase;
}

は次のコードと同じ効果があります:

function sayHi() {
  var phrase;

  phrase = "Hello";

  alert(phrase);
}

無視されたコードブロック内でも:

function sayHi() {
  phrase = "Hello"; // (*)

  if (false) {
    var phrase;
  }

  alert(phrase);
}

すべての変数が関数の先頭に昇格されるため、この動作は一般に「昇格」と呼ばれます。 。したがって、例のコードの if(false) セクションは決して実行されませんが、それは問題ではありません。var は関数の先頭に昇格され、例の (*) 行のすべての変数はすでに存在します。

ステートメントは昇格されますが、割り当ては昇格されません
デモの例は次のとおりです:
関数sayHi() {
alert(phrase);

  var phrase = "Hello";
}

sayHi();

var =phrase = “Hello” アクションは 2 つあります
1. 変数 var を宣言する
2. 変数の代入 =

宣言は関数の先頭に昇格しますが、代入は常に です。コードの実際の効果は次のとおりです。

function sayHi() {
  var phrase; // declaration works at the start...

  alert(phrase); // undefined

  phrase = "Hello"; // ...assignment - when the execution reaches it.
}

sayHi();

すべての宣言が関数の先頭に昇格されるため、関数内の他の場所でそれらを参照できますが、変数は代入前は未定義です。上記の 2 つのアラートの例は、エラーなしで実行されます。変数フレーズはすでに存在しますが、値が割り当てられていないため、「未定義」が表示されます。

概要

var:

1 には 2 つの主な違いがあり、変数にはブロック スコープがなく、最小の表示スコープは関数レベルです。
2. 変数宣言が関数の先頭に昇格されます。

この違いは、ほとんどの場合、ブロックレベルの変数を作成できず、より多くのメモリを占有するため、変数の位置を昇格させるとエラーが発生する可能性が高くなります。したがって、新しいスクリプト変数が使用されることはほとんどありません。

以上がJavaScript における var と let の違いと類似点の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。