В чем разница между внешней и глобальной областями видимости

Глобальная область видимости (global scope) доступна везде в коде, включая функции и блоки. Переменные, объявленные через var в глобальной области, становятся свойствами window в браузере.

Внешняя область видимости (outer scope) — это любая область, окружающая текущую. Например, для функции внешней может быть глобальная область или другая функция.

Пример:

const globalVar = 'I am global'; // Глобальная область

function outer() {
  const outerVar = 'I am outer'; // Внешняя для inner()
  
  function inner() {
    console.log(outerVar); // Доступ к внешней области
    console.log(globalVar); // Доступ к глобальной области
  }
  inner();
}
outer();

Ключевые отличия:

1. Глобальная — всегда верхний уровень, внешняя — любая родительская
2. Глобальные переменные доступны везде, внешние — только во вложенных областях
3. Глобальные переменные могут вызывать конфликты имен, внешние — более контролируемы