Урок 38. Глобальная область видимости JavaScript

Все уроки по JS для начинающих.

Scope - это контекст, в котором объявляются наши переменные. Мы думаем об области действия по отношению к блокам, потому что переменные могут существовать либо вне этих блоков, либо внутри них.

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

Давайте рассмотрим пример глобального масштаба:

const color = 'blue'

const returnSkyColor = () => {
  return color; // blue 
};

console.log(returnSkyColor()); // blue

Даже если переменная цвета определена вне блока, она может быть доступна в функциональном блоке, что дает ей глобальную область действия.

В свою очередь, доступ к цвету можно получить в функциональном блоке returnSkyColor.

Давайте работать с глобальными переменными, чтобы увидеть, как данные могут быть доступны из любого места в программе.

Упражнения к уроку

1. Создайте три глобальные переменные:
   • Назовите первую переменную satellite и установите её равным "The Moon".
   • Назовите вторую переменную galaxy и установите ее равной "The Milky Way".
   • Назовите третью переменную stars и установите ее равной "North Star".
2. Под переменными, созданными на предыдущем шаге, напишите функцию callMyNightSky. Внутри функции включите оператор return, подобный этому:
   
   

   return 'Night Sky: ' + satellite + ', ' + stars + ', and ' + galaxy;
   

3. Под функцией callMyNightSky () используйте console.log() для вывода значения callMyNightSky() на консоль. Вы заметите, что функциональный блок для callMyNightSky() может свободно обращаться к глобальным переменным, поскольку переменные доступны для всех строк кода в файле.