JavaScript с нуля

Локальная область видимости

Становится еще интереснее, когда мы смотрим на элементы, не объявленные глобально. С этого момента понимание, что такое области видимости, начинает приносить свои плоды. Как мы видели ранее, к переменной, объявленной глобально, внутри функции также есть доступ:

let counter = 0;

function returnCount() {

return counter;

}

Но не наоборот. Переменная, объявленная внутри функции, не будет доступна извне:

function setState() {

let state = "on";

}

setState();

alert(state) // undefined

В этом примере переменная state объявлена внутри функции setState и обращение к ней извне не работает. Причина в том, что область видимости переменной state является локальной относительно самой функции setState. В более общей форме это можно описать, сказав, что переменная stateлокальна.

Использование переменных без объявления

Если мы инициализируем переменную state, не объявляя ее формально, область ее видимости будет определяться совсем иначе:

function setState() {

state = "on";

}

setState(); alert(state) // "on"

Хотя в этом случае переменная state и появляется внутри функции setState, сам факт того, что мы объявили ее без let, const (или var — устаревший способ объявления переменных), делает ее глобальной. По большому счету, вам не понадобится объявлять переменные подобным образом. Поэтому всегда используйте let или const.