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

Область применения относится к переменным, которые доступны для функционирования. То, где и как устанавливаются переменные, влияет на объем.

В JavaScript локальная область видимости функции включает:

1. Параметры функций.
2. Любые переменные, установленные внутри функционального блока.
3. Любые переменные, которые уже были доступны, когда функция была определена.

Переменные в глобальной области видимости доступны везде

let popularFruit = 'banana'

function changeFruit() {
  popularFruit = 'apple'
}
changeFruit()
console.log(popularFruit)
// => apple

В функциях устанавливается новая локальная область видимости Локальные переменные недоступны за пределами своей области видимости

function newFruit() {
  let fruit = 'apple'
}

Это не сработает: console.log(fruit) error! fruit is not defined

переменные let и const имеют область видимости блока Они присваиваются любому блоку с фигурными скобками. включая if, switch, циклы и т.д.

function fruitLogger () {
  if (true) {
    const es6Fruit = 'blueberry'
    let oldSchoolJsFruit = 'pear'

  }
  // console.log(es6Fruit)
  // => error! fruit is not definied

  console.log(oldSchoolJsFruit)
  // => pear
}

fruitLogger()

$ node jsbyexample.js
apple
pear

Подробнее

Далее: window