Was ist der Unterschied zwischen der Verwendung von "let" und "var"?

Question

ECMAScript 6 eingeführt die let Anweisung .

Ich habe gehört, dass man es als eine local Variable, aber ich bin mir immer noch nicht ganz sicher, warum sie sich anders verhält als die var Stichwort.

Was sind die Unterschiede? Wann sollte let verwendet werden anstelle von var ?

Answer 1

Die akzeptierte Antwort lässt einen Punkt außer Acht:

{
  let a = 123;
};

console.log(a); // ReferenceError: a is not defined

Answer 2

Ganz einfach ausgedrückt,

for (let i = 0; i < 5; i++) {
  // i accessible 
}
// i not accessible 

---

for (var i = 0; i < 5; i++) {
  // i accessible 
}
// i accessible 

---

Sandkasten zum Herumspielen ↓

Answer 3

Hier ist ein Beispiel für den Unterschied zwischen den beiden (die Unterstützung für Chrome hat gerade begonnen):

Wie Sie sehen können, ist die var j Variable hat immer noch einen Wert außerhalb des Bereichs der for-Schleife (Block Scope), aber die let i außerhalb des Bereichs der for-Schleife undefiniert ist.

"use strict";
console.log("var:");
for (var j = 0; j < 2; j++) {
  console.log(j);
}

console.log(j);

console.log("let:");
for (let i = 0; i < 2; i++) {
  console.log(i);
}

console.log(i);

Answer 4

Der Hauptunterschied ist die Umfang Unterschied, während lassen Sie kann nur innerhalb der Umfang es wird deklariert, wie in der for-Schleife, var kann zum Beispiel außerhalb der Schleife aufgerufen werden. Aus der Dokumentation in MDN (Beispiele auch von MDN):

lassen Sie ermöglicht es Ihnen, Variablen zu deklarieren, die auf den Block, die Anweisung oder den Ausdruck beschränkt sind, in dem sie verwendet werden. Dies ist anders als die var Schlüsselwort, das eine Variable global oder lokal für eine gesamte Funktion unabhängig vom Blockbereich definiert.

Variablen, die von lassen Sie haben als Geltungsbereich den Block, in dem sie definiert sind, sowie alle darin enthaltenen Unterblöcke. Auf diese Weise, lassen Sie funktioniert sehr ähnlich wie var . Der Hauptunterschied besteht darin, dass der Anwendungsbereich einer var Variable ist die gesamte umschließende Funktion:

function varTest() {
  var x = 1;
  if (true) {
    var x = 2;  // same variable!
    console.log(x);  // 2
  }
  console.log(x);  // 2
}

function letTest() {
  let x = 1;
  if (true) {
    let x = 2;  // different variable
    console.log(x);  // 2
  }
  console.log(x);  // 1
}`

Auf der obersten Ebene der Programme und Funktionen, lassen Sie im Gegensatz zu var wird keine Eigenschaft auf dem globalen Objekt erstellt. Zum Beispiel:

var x = 'global';
let y = 'global';
console.log(this.x); // "global"
console.log(this.y); // undefined

Wenn let innerhalb eines Blocks verwendet wird, beschränkt sich der Geltungsbereich der Variablen auf diesen Block. Beachten Sie den Unterschied zwischen var deren Geltungsbereich innerhalb der Funktion liegt, in der sie deklariert wird.

var a = 1;
var b = 2;

if (a === 1) {
  var a = 11; // the scope is global
  let b = 22; // the scope is inside the if-block

  console.log(a);  // 11
  console.log(b);  // 22
} 

console.log(a); // 11
console.log(b); // 2

Vergessen Sie auch nicht, dass es sich um eine ECMA6-Funktion handelt, die noch nicht vollständig unterstützt wird. Daher ist es besser, sie mit Babel usw. in ECMA5 zu übertragen. babel website

Answer 5

Es gibt einige subtile Unterschiede - let Scoping verhält sich mehr wie das Scoping von Variablen in mehr oder weniger allen anderen Sprachen.

z.B. gilt er für den umschließenden Block, sie existieren nicht, bevor sie deklariert sind, usw.

Es ist jedoch erwähnenswert, dass let ist nur ein Teil der neueren Javascript-Implementierungen und hat unterschiedliche Grade von Browserunterstützung .