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

Jetzt denke ich, dass es eine bessere Zuordnung von Variablen zu einem Block von Anweisungen mit let :

function printnums()
{
    // i is not accessible here
    for(let i = 0; i <10; i+=)
    {
       console.log(i);
    }
    // i is not accessible here

    // j is accessible here
    for(var j = 0; j <10; j++)
    {
       console.log(j);
    }
    // j is accessible here
}

Ich denke, dass die Leute anfangen werden, let hier zu verwenden, so dass sie in JavaScript ein ähnliches Scoping haben werden wie in anderen Sprachen, Java, C#, usw.

Menschen mit nicht ein klares Verständnis über Scoping in JavaScript verwendet, um den Fehler früher zu machen.

Das Heben wird nicht unterstützt durch let .

Mit diesem Ansatz werden in JavaScript vorhandene Fehler beseitigt.

Siehe ES6 im Detail: let und const um sie besser zu verstehen.

Answer 2

In diesem Artikel wird der Unterschied zwischen var, let und const klar definiert

const ist ein Signal, dass die Kennung nicht neu vergeben wird.

let ist ein Signal, dass die Variable neu zugewiesen werden kann, wie z. B. ein Zähler in einer Schleife, oder ein Wertetausch in einem Algorithmus. Es signalisiert auch dass die Variable nur in dem Block verwendet wird, in dem sie definiert ist, was nicht immer die gesamte enthaltende Funktion ist.

var ist jetzt das schwächste verfügbare Signal, wenn Sie eine Variable definieren in JavaScript definieren. Die Variable kann, muss aber nicht neu zugewiesen werden, und die Variable kann für eine ganze Funktion verwendet werden oder auch nicht für einen Block oder eine Schleife verwendet werden.

https://medium.com/javascript-scene/javascript-es6-var-let-or-const-ba58b8dcde75#.esmkpbg9b

Answer 3

Ich denke, die Begriffe und die meisten Beispiele sind ein wenig überwältigend, Das Hauptproblem, das ich persönlich mit dem Unterschied hatte, ist das Verständnis, was ein "Block" ist. Irgendwann habe ich begriffen, dass ein Block jede geschweifte Klammer ist, außer für IF Erklärung. eine öffnende Klammer { einer Funktion oder Schleife wird ein neuer Block definiert, alles, was mit let sind nach dem Schließen der Klammer nicht mehr verfügbar. } der gleichen Sache (Funktion oder Schleife); In diesem Sinne war es einfacher zu verstehen:

let msg = "Hello World";

function doWork() { // msg will be available since it was defined above this opening bracket!
  let friends = 0;
  console.log(msg);

  // with VAR though:
  for (var iCount2 = 0; iCount2 < 5; iCount2++) {} // iCount2 will be available after this closing bracket!
  console.log(iCount2);

    for (let iCount1 = 0; iCount1 < 5; iCount1++) {} // iCount1 will not be available behind this closing bracket, it will return undefined
  console.log(iCount1);

} // friends will no be available after this closing bracket!
doWork();
console.log(friends);

Answer 4

const name = 'Max';
let age = 33;
var hasHobbies = true;

name = 'Maximilian';
age = 34;
hasHobbies = false;

const summarizeUser = (userName, userAge, userHasHobby) => {
    return (
    'Name is ' +
    userName +
    ', age is ' +
    userAge +
    ' and the user has hobbies: ' +
    userHasHobby
    );
}

console.log(summarizeUser(name, age, hasHobbies));

Wie Sie anhand des obigen Codes sehen können, werden Sie beim Versuch, die const Variable, werden Sie einen Fehler erhalten :

Versuch, 'name' zu überschreiben, der eine Konstante ist.

oder

TypFehler: Ungültige Zuweisung an die Konstante 'name'.

aber werfen Sie einen Blick auf die let variabel.

Zunächst erklären wir let age = 33 und später einen anderen Wert zuweisen age = 34; was in Ordnung ist; wir haben keine Fehler, wenn wir versuchen, die let variabel

Answer 5

Überprüfen Sie diesen Link in MDN

let x = 1;

if (x === 1) {
let x = 2;

console.log(x);
// expected output: 2
}

console.log(x);
// expected output: 1