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

Во-первых, что такое переменные???

Что ж, в любом языке программирования мы храним данные во время написания кода. Контейнеры, в которых хранятся данные, называются переменными. В javascript у нас есть только 3 контейнера для хранения данных. Они var, let, const. Мы не будем часто использовать var из-за области видимости (будет обсуждаться в ближайшее время).

В частности, люди перестали использовать ключевое слово var и начали использовать let после обновления JS 2015 года, которое изменило правила игры. В любом случае, var все еще используется в проектах, запущенных до 2015 года.

А теперь давайте разберемся, что такое SCOPE.

Чтобы быть простым и понятным, область действия — это область доступности фрагмента кода. В javascript в основном у нас будет блочная и функциональная область. Глобальная область просто означает, что она доступна в любом месте файла javascript.

Перейдем к области блокировки

Любой оператор if и цикл (for) рассматриваются как блок.

  • Пусть ключевое слово ограничено блоком
  • Ключевое слово Const ограничено блоком
  • Var не привязан к блоку

Следовательно, мы можем заявить, что если мы определим переменную с ключевым словом var, мы сможем получить к ней глобальный доступ из любого места в файле js, что не работает с let и const. Такой дефект. Давайте посмотрим на код, чтобы понять его более четко.

Теперь, когда мы понимаем, как все работает, когда мы имеем дело с условными операторами. Добавим еще одну важную вещь: цикл for также рассматривается как блок в javascript. Поэтому, если мы напишем цикл for в javascript с ключевым словом var, мы получим к нему глобальный доступ даже после его завершения. Давайте разберемся на примере

Давайте перейдем к функциональной области

  • Ключевые слова let, const, var имеют функциональную область действия, что просто означает, что мы не можем использовать их после объявления внутри функции.

Теперь я объясню вложенную область видимости в javascript

В JavaScript мы также можем определить функцию внутри функции. Это называется «вложенной функцией». Когда дело доходит до области видимости, любая переменная, определенная в родительской функции, доступна для вложенной/дочерней функции, но не наоборот.