Heim > Artikel > Web-Frontend > Detaillierte Erläuterung des Vergleichs zwischen const, let und var in JavaScript ES6
Dieser Artikel stellt Ihnen hauptsächlich die relevanten Informationen zum Vergleich von const, let und var in JavaScript vor. Der Artikel stellt sie ausführlich anhand von Beispielcode vor, der für jeden einen gewissen Referenz- und Lernwert hat. Es ist nötig, Freunde, lasst uns dem Herausgeber folgen und einen Blick darauf werfen.
ECMAScript 6 Neu const- und let-Befehle wurden hinzugefügt, um Variablen zu deklarieren.
声明方式 | 变量提升 | 作用域 | 初始值 | 重复定义 |
const | 否 | 块级 | 需要 | 不允许 |
let | 否 | 块级 | 不需要 | 不允许 |
var | 是 | 函数级 | 不需要 | 允许 |
Variablenförderung: const und let müssen vor der Verwendung deklariert werden, Variablenförderung wird nicht unterstützt
console.log(c1, l1, v1); // 报错 // Uncaught ReferenceError: c1 is not defined const c1 = 'c1'; let l1 = 'l1'; var v1 = 'v1';
Bereich: const, let unterstützt den Bereich auf Blockebene und vermeidet effektiv die variable Abdeckung
const c21 = 'c21'; let l21 = 'l21'; var v21 = 'v21'; if (0.1 + 0.2 != 0.3) { const c21 = 'c22'; let l21 = 'l22'; var v21 = 'v22'; console.log(c21, l21, v21); // 输出 c22 l22 v22 } console.log(c21, l21, v21); // 输出 c21 l21 v22
Bereich auf Blockebene, auf innere Variablen kann nicht direkt von der äußeren Ebene aus zugegriffen werden
if (0.1 + 0.2 != 0.3) { const c22 = 'c22'; let l22 = 'l22'; var v22 = 'v22'; console.log(c22, l22, v22); // 输出 c22 l22 v22 } console.log(c22, l22, v22); // 报错 // Uncaught ReferenceError: c22 is not defined // 同样地, l22 is not defined
const definiert Konstante Dieser Konstante kann kein Wert zugewiesen werden, ihrem Attribut kann jedoch ein Wert zugewiesen werden
const c231 = {}; const c232 = []; c231.name = 'seven'; c232.push(27); console.log(c231, c232); // 输出 {name: "seven"} [27] // 禁止给对象赋值,应该使用 Object.freeze const c233 = Object.freeze({}); const c234 = Object.freeze([]); c233.name = 'seven'; // 普通模式下不报错 // 严格模式下报错 // Uncaught TypeError: Cannot add property name, object is not extensible c234.push(27); // 普通模式下就会报错 // Uncaught TypeError: Cannot add property 0, object is not extensible console.log(c233, c234); // 输出 {} []
Globale Variablen werden nicht mehr als Attribute des Objekts (Fensters) der obersten Ebene festgelegt, wodurch eine Verschmutzung durch globale Variablen wirksam vermieden wird
const c24 = 'c24'; let l24 = 'l24'; console.log(c24, l24); // 输出 c24 l24 console.log(window.c24, window.l24); // 输出 undefined undefined
Entspricht der erwarteten for-Schleife
for (var i = 0; i != 3; i++) { setTimeout(function() { console.log(i); },10); } // 依次打印 for (let i = 0; i != 3; i++) { setTimeout(function() { console.log(i); },10); } // 依次打印,为啥呢
Sie können sehen, dass die let-Anweisung in der for-Schleife verwendet wird. Die Variablen entsprechen den Erwartungen.
Jedes Mal in der for-Schleife deklariert let die Variable neu, und da sich die JavaScript-Engine den Wert der letzten Schleife merkt, wird die Initialisierung von i basierend auf der vorherigen Runde berechnet.
Sie können sehen, dass es in der for-Schleife mindestens zwei Gültigkeitsebenen gibt. Dies ist einfacher zu verstehen, wenn Sie sich das folgende Beispiel ansehen.
for (let i = 0; i != 3; i++) { let i = 'seven'; console.log(i); } console.log('eight'); // 依次打印 seven seven seven eight
Anfangswert: const Die deklarierte Variable muss einen Anfangswert haben und kann nicht zugewiesen werden wiederholt.
const c3 = 'c3'; let l3 = 'l3'; var v3 = 'v3'; console.log(c3, l3, v3); // 输出 c3 l3 v3 c3 = 2; // Uncaught TypeError: Assignment to constant variable l3 = 2; v3 = 2; console.log(c3, l3, v3); // 输出 c3 2 2 const c32; // 报错 // Uncaught SyntaxError: Missing initializer in const declaration
Doppelte Definition: const und let unterstützen keine wiederholte Definition
const und let reduzieren die Rolle der Variablendomäne, wodurch die Variablenverschmutzung perfekt vermieden wird; konstante Konstantvariablen (d. h. feste Variablentypen) können die Leistung für schwach typisiertes JavaScript erheblich verbessern. Es wird empfohlen, const und let zu verwenden, um Variablen in der Anwendung zu deklarieren.
Zusammenfassung
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des Vergleichs zwischen const, let und var in JavaScript ES6. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!