let
Область блоку
Змінні, задекларовані за допомогою letключового слова, мають блок-діапазон, а це означає, що вони доступні лише в блоці, в якому вони були оголошені.
На верхньому рівні (поза функцією)
На верхньому рівні змінні, оголошені за допомогою let, не створюють властивостей у глобальному об'єкті.
var globalVariable = 42;
let blockScopedVariable = 43;
console.log(globalVariable); // 42
console.log(blockScopedVariable); // 43
console.log(this.globalVariable); // 42
console.log(this.blockScopedVariable); // undefined
Всередині функції
Всередині функції (але поза блоком) letмає таку ж область, як і var.
(() => {
var functionScopedVariable = 42;
let blockScopedVariable = 43;
console.log(functionScopedVariable); // 42
console.log(blockScopedVariable); // 43
})();
console.log(functionScopedVariable); // ReferenceError: functionScopedVariable is not defined
console.log(blockScopedVariable); // ReferenceError: blockScopedVariable is not defined
Всередині блоку
До змінних, оголошених використанням letвсередині блоку, не можна отримати доступ поза цим блоком.
{
var globalVariable = 42;
let blockScopedVariable = 43;
console.log(globalVariable); // 42
console.log(blockScopedVariable); // 43
}
console.log(globalVariable); // 42
console.log(blockScopedVariable); // ReferenceError: blockScopedVariable is not defined
Всередині петлі
На змінні, оголошені letв циклі, можна посилатися лише всередині цього циклу.
for (var i = 0; i < 3; i++) {
var j = i * 2;
}
console.log(i); // 3
console.log(j); // 4
for (let k = 0; k < 3; k++) {
let l = k * 2;
}
console.log(typeof k); // undefined
console.log(typeof l); // undefined
// Trying to do console.log(k) or console.log(l) here would throw a ReferenceError.
Петлі із застібками
Якщо ви використовуєте letзамість varциклу, з кожною ітерацією ви отримуєте нову змінну. Це означає, що ви можете сміливо використовувати застібку всередині циклу.
// Logs 3 thrice, not what we meant.
for (var i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 0);
}
// Logs 0, 1 and 2, as expected.
for (let j = 0; j < 3; j++) {
setTimeout(() => console.log(j), 0);
}
Тимчасова мертва зона
Через тимчасову мертву зону до змінних, оголошених за допомогою, letне можна отримати доступ до їх оголошення. Спроба зробити це призводить до помилки.
console.log(noTDZ); // undefined
var noTDZ = 43;
console.log(hasTDZ); // ReferenceError: hasTDZ is not defined
let hasTDZ = 42;
Немає повторної декларації
Ви не можете оголосити одну і ту ж змінну кілька разів, використовуючи let. Ви також не можете оголосити змінну, використовуючи letтой самий ідентифікатор, що й іншу змінну, яку було оголошено використанням var.
var a;
var a; // Works fine.
let b;
let b; // SyntaxError: Identifier 'b' has already been declared
var c;
let c; // SyntaxError: Identifier 'c' has already been declared
const
constдосить схожий на letблок-діапазон і має TDZ. Однак є дві речі, які відрізняються.
Не призначається повторно
Змінна, оголошена використанням, constне може бути призначена повторно.
const a = 42;
a = 43; // TypeError: Assignment to constant variable.
Зауважте, що це не означає, що значення незмінне. Його властивості все-таки можна змінити.
const obj = {};
obj.a = 42;
console.log(obj.a); // 42
Якщо ви хочете мати незмінний об’єкт, вам слід скористатися Object.freeze().
Потрібний ініціалізатор
Ви завжди повинні вказати значення при оголошенні змінної за допомогою const.
const a; // SyntaxError: Missing initializer in const declaration
letміститься в проекті 6-го видання і, швидше за все, буде в остаточній специфікації.