JavaScript Let: Объявление переменных с помощью let

let в JavaScript - это ключевое слово, которое используется для объявления локальной переменной в блоке кода, ограниченном фигурными скобками {}. Он был добавлен в стандарт ECMAScript 6 (ES6) и предоставляет более гибкую и контролируемую область видимости, чем var.

Основное отличие между let и var заключается в области видимости. Переменная, объявленная с помощью let, видима только в блоке кода, в котором она объявлена, а также во вложенных блоках. В отличие от var, let не создает переменную в глобальной области видимости или функции, если она объявлена внутри блока кода.

Рассмотрим несколько примеров, чтобы увидеть, как работает let:

Пример 1:

javascript
function example() {
  var x = 10;
  if (true) {
    let y = 20;
    console.log(x); // Вывод: 10
    console.log(y); // Вывод: 20
  }
  console.log(x); // Вывод: 10
  console.log(y); // Ошибка: y is not defined
}
example();

В этом примере переменная x объявляется с помощью var и является видимой внутри всей функции example, включая блок кода внутри if. Переменная y объявляется с помощью let и видима только внутри блока кода if. При попытке обратиться к y вне блока кода if будет вызвана ошибка, так как переменная не существует за пределами этого блока.

Пример 2:

javascript
for (let i = 0; i < 5; i++) {
  setTimeout(function() {
    console.log(i);
  }, 1000);
}

В этом примере переменная i объявляется с помощью let в цикле for. В каждой итерации цикла создается новая переменная i, которая является видимой только в блоке кода цикла. Функция setTimeout вызывается с задержкой в 1 секунду для вывода значения i. Благодаря области видимости let в каждой итерации цикла будет выводиться правильное значение i (от 0 до 4).

Таким образом, использование let в JavaScript позволяет создавать локальные переменные с более ограниченной областью видимости, что способствует более безопасному и понятному коду.