Какое отличие между объявлениями переменных с помощью ключевых слов var и let, и в чем их особенности?

В JavaScript (и Node.js) ключевые слова var и let используются для объявления переменных, но имеют важные отличия:

• Область видимости:

  • var имеет функциональную область видимости (function scope). Это значит, что переменная, объявленная через var внутри функции, видна во всей функции.
  • let имеет блочную область видимости (block scope). Переменная видна только внутри ближайших фигурных скобок {}.

• Поднятие (hoisting):

  • Переменные, объявленные через var, поднимаются вверх своей функции и инициализируются значением undefined.
  • Переменные с let тоже поднимаются, но не инициализируются, доступ к ним до объявления приводит к ошибке (Temporal Dead Zone).

• Повторное объявление:

  • var позволяет повторно объявлять одну и ту же переменную в одной области видимости.
  • let не позволяет повторно объявлять переменную в одной области видимости.

Пример:

function example() {
  console.log(a); // undefined
  // console.log(b); // Ошибка: нельзя использовать до объявления

  var a = 1;
  let b = 2;

  if (true) {
    var a = 3; // переопределяет переменную a в функции
    let b = 4; // новая переменная b в блоке if
    console.log(b); // 4
  }

  console.log(a); // 3
  console.log(b); // 2
}

example();

Использование let предпочтительнее для контроля области видимости и предотвращения ошибок, связанных с повторным объявлением и неожиданным поведением var.