Was sind die Unterschiede zwischen let- und var-definierten Variablen in js?

Dieser Artikel stellt hauptsächlich den Unterschied zwischen let- und var-definierten Variablen in js vor. Er ist sehr gut und hat einen Referenzwert.

Strikter Javascript-Modus

Dies ist das erste Mal, dass ich auf das Schlüsselwort „let“ stoße. Ein Konzept, auf das man besonders achten muss, ist „Javascript Strict Mode“. Code ausgeführt wird, wird ein Fehler gemeldet:

let hello = 'hello world.';
console.log(hello);

Die Fehlermeldung lautet wie folgt:

let hello = 'hello world.';
^^^
SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode
 ...

Die Lösung besteht darin, die Anweisung „Javascript Strict Mode“ in den Dateikopf einzufügen:

'use strict';
let hello = 'hello world.';
console.log(hello);

Ähnlichkeiten und Unterschiede zwischen let- und var-Schlüsselwörtern

Nach der Deklaration wird kein Wert zugewiesen, das Verhalten ist das gleiche

'use strict';
(function() {
 var varTest;
 let letTest;
 console.log(varTest); //输出undefined
 console.log(letTest); //输出undefined
}());

Verwenden Bei nicht deklarierten Variablen ist das Verhalten anders:

(function() {
 console.log(varTest); //输出undefined(注意要注释掉下面一行才能运行)
 console.log(letTest); //直接报错：ReferenceError: letTest is not defined
 var varTest = 'test var OK.';
 let letTest = 'test let OK.';
}());

Wenn dieselbe Variable wiederholt deklariert wird, ist das Verhalten anders:

'use strict';
(function() {
 var varTest = 'test var OK.';
 let letTest = 'test let OK.';
 var varTest = 'varTest changed.';
 let letTest = 'letTest changed.'; //直接报错：SyntaxError: Identifier 'letTest' has already been declared
 console.log(varTest); //输出varTest changed.(注意要注释掉上面letTest变量的重复声明才能运行)
 console.log(letTest);
}());

Variablenbereich, unterschiedliche Leistung

'use strict';
(function() {
 var varTest = 'test var OK.';
 let letTest = 'test let OK.';
 {
 var varTest = 'varTest changed.';
 let letTest = 'letTest changed.';
 }
 console.log(varTest); //输出"varTest changed."，内部"{}"中声明的varTest变量覆盖外部的letTest声明
 console.log(letTest); //输出"test let OK."，内部"{}"中声明的letTest和外部的letTest不是同一个变量
}());

Das Obige ist Was ich für alle zusammengestellt habe, hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Detaillierte Erläuterung der Einführung der elementUI-Komponente im Vue-Projekt

Wie man sie als separate Seiteneinstellung implementiert in Vue-cli Hintergrundfarbe

Aktualisierung und Tab-Wechsel in Vue

Das obige ist der detaillierte Inhalt vonWas sind die Unterschiede zwischen let- und var-definierten Variablen in js?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!