#для_самых_начинающих Приветствую, сегодня мы поговорим о так | WebCoder | Frontend

#для_самых_начинающих

Приветствую, сегодня мы поговорим о таком базовом, но не менее важном концепте в JS как - Области видимости.

Понимание механизма работы областей видимости поможет нам понять замыкания и доступность переменных.

Области видимости можно представить как коробки, в которых находятся переменные. Переменные, которые лежат в одной коробке, могут взаимодействовать друг с другом.

Всего существует 3 области видимости: Глобальная, Блочная и Функциональная.

Глобальная область видимости — это самая внешняя коробка из всех.

const a = 42;
console.log(a); // 42

Блочная область видимости ограничена программным блоком, обозначенным при помощи { и }.


const a = 42;
console.log(a); // 42

if (true) {
const b = 43
console.log(a)
// 42
console.log(b)
// 43
}

console.log(b)
// ReferenceError: Can't find variable: b

Функциональная область видимости — это область видимости в пределах тела функции. Можно сказать, что она ограничена { и } функции.

const a = 42;
console.log(a); // 42

function scoped() {
const b = 43
}

console.log(a)
// 42
console.log(b)
// Reference error

Более подробно ознакомится с областью видимости Вы сможете по ссылке https://habr.com/ru/post/517338/