В этой статье я объясню, что такое переменные 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 мы также можем определить функцию внутри функции. Это называется «вложенной функцией». Когда дело доходит до области видимости, любая переменная, определенная в родительской функции, доступна для вложенной/дочерней функции, но не наоборот.