В чем разница между let и var?

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

Таблица сравнения:

Пример:

// var
function exampleVar() {
  var x = 10;
  if (true) {
    var x = 20; // Переопределение x
    console.log(x); // 20
  }
  console.log(x); // 20
}

// let
function exampleLet() {
  let y = 10;
  if (true) {
    let y = 20; // Новая переменная y в блочной области видимости
    console.log(y); // 20
  }
  console.log(y); // 10
}

exampleVar();
exampleLet();