Ключевое слово let было введено в ES6 (2015).
Переменные, определенные с помощью let, не могут быть повторно объявлены.
Переменные, определенные с помощью let, должны быть объявлены перед использованием.
Переменные, определенные с помощью let, иметь область действия блока.
Не может быть повторно объявлена
Переменные, определенные с помощью let, не могут быть повторно объявлены.
Вы не можете случайно повторно объявить переменную.
С let вы не можете этого сделать:
let x = "Андрей Щипунов";
let x = 0;
// Синтаксическая ошибка: "x" уже объявлен
С помощью var вы можете:
var x = "Андрей Щипунов";
var x = 0;
JavaScript Область блока
До ES6 (2015) JavaScript имел только Глобальную область действия и Область действия функций.
В ES6 введены два важных новых ключевых слова JavaScript: let и const
Эти два слова обеспечивают Область действия блока в JavaScript.
Переменные, объявленные внутри блока {}, не могут быть доступны извне блока:
{
let x = 2;
}
// x НЕЛЬЗЯ использовать
Переменные, объявленные с помощью ключевое слово var не может иметь область действия блока.
Переменные, объявленные внутри блока { }, могут быть доступны извне блока.
{
var x = 2;
}
// x МОЖНО использовать здесь
JavaScript Повторное объявление переменных
Повторное объявление переменной с использованием ключевого слова var, может вызвать проблемы.
Повторное объявление переменной внутри блока, также приведет к повторному объявлению переменной вне блока:
var x = 10;
// Здесь x равно 10
{
var x = 2;
// Здесь x равно 2
}
// Здесь x равно 2
Попробуйте сами »
Повторное объявление переменной с использованием ключевого слова let, может решить эту проблему.
Повторное объявление переменной внутри блока не приведет к повторному объявлению переменной вне блока:
let x = 10;
// Здесь x равно 10
{
let x = 2;
// Здесь x равно 2
}
// Здесь x равно 10
Попробуйте сами »
Поддержка браузера let
Ключевое слово let не полностью поддерживается в Internet Explorer 11 и в более ранних версиях.
В следующей таблице определены первые версии браузера с полной поддержкой ключевое слово let:
| Chrome 49 | Edge 12 | Firefox 44 | Safari 11 | Opera 36 |
| Mar, 2016 | Jul, 2015 | Jan, 2015 | Sep, 2017 | Mar, 2016 |
JavaScript Повторное объявление var и let
Повторное объявление переменной JavaScript с var, допускается в любом месте программы:
var x = 2;
// Здесь x равно 2
var x = 3;
// Здесь x равно 3
Попробуйте сами »
С let. повторное объявление переменной в том же блоке НЕ допускается:
var x = 2; // Допускается
let x = 3; // Не допускается
{
let x = 2; // Допускается
let x = 3 // Не допускается
}
{
let x = 2; // Допускается
var x = 3 // Не допускается
}
Повторное объявление переменной с let, в другом блоке, допускается:
let x = 2; // Допускается
{
let x = 3; // Допускается
}
{
let x = 4; // Допускается
}
Попробуйте сами »
JavaScript Подъемный var
Переменные, определенные с помощью var, являются подъемными сверху и могут быть инициализированы в любое время.
Смысл в том: Вы можете использовать переменную до ее объявления:
Если вы хотите узнать больше о подъеме, изучите главу Подъемный JavaScript.
Переменные, определенные с помощью let, позволяют, также поднимаются в верхнюю часть блока, но не инициализируются.
Смысл в том: Использование let до ее объявления приведет к ReferenceError:
carName = "Сааб";
let carName = "Вольво";
Попробуйте сами »