Переменные в JavaScript: let, const и область видимости

Переменная — имя для значения. В современном JS используют let (можно переназначить) и const (нельзя переназначить привязку). var встречается в старом коде и почти не нужен в новых проектах.

Как выбирать

По умолчанию начинайте с const. Если значение должно меняться (счётчик, флаг) — let. Имена пишите понятно: userName, не x1.

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

let/const живут в блоке {}. Переменная, объявленная внутри if, не видна снаружи — это защищает от случайных конфликтов имён.

Дальше

Какие значения бывают — в уроке типы данных.

HTML

<p id="out">Счётчик: 0</p>
<button id="inc" type="button">+1</button>

JavaScript

const out = document.querySelector('#out');
const inc = document.querySelector('#inc');
let count = 0;

inc.addEventListener('click', () => {
  count += 1;
  out.textContent = 'Счётчик: ' + count;
});

Практическое задание

Задание: сделайте счётчик кликов на let/const.

  • Счётчик хранится в let
  • Ссылки на DOM — в const
  • Нет var
  • Значение обновляется на странице, не только в console