Что такое область видимости

Область видимости — это часть кода, в пределах которой переменная или функция доступна для использования.

Если переменная объявлена внутри определённой области — она видна только в ней и во всех вложенных областях. Если объявлена вне — она доступна повсюду. Это позволяет изолировать данные, чтобы они не мешали друг другу.

Без правильного управления областью видимости:

Переменные случайно перезаписываются
Сложно отлаживать код
Возникают неожиданные ошибки, особенно при росте приложения

Пример:

let userName = "Анна"; // глобальная переменная

function setUserName() {
  let userName = "Иван"; // локальная переменная, не перезаписывает глобальную
  console.log(userName); // "Иван"
}

setUserName();
console.log(userName); // "Анна" — не изменилось

Здесь две переменные с одинаковым именем, но в разных областях. Они не мешают друг другу. Это и есть суть области видимости.