Найти тему
Кирилл Дворянинов

JavaScript - что такое переменные?

Оглавление

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

Переменная let

Начнем с переменной let - данная переменная умеет умеет хранить в себе данные и перезаписывать их. Это как?

Наверняка, ты дорогой читатель - уже знаешь про VSCode или другой редактор для написания кода. И тебе не нужно объяснять что к чему, но если все таки есть такая необходимость - пиши в комментариях, расскажу.

И так, открыв наш редактор кода объявляем переменную:

Переменная let
Переменная let

Переменные объявляются ключевым словом let, после на англ. языке пишется название переменной. В нашем случае это - a.
После мы присваиваем переменной
a число 10.

Внимание! Объявлять и присваивать переменной какое-то значение можно двумя способам:

  1. Объявить переменную и на другой строке и присвоить что-то этой переменной.
  2. Объявить переменную и сразу присвоить какое-то значение.
Переменная let
Переменная let

А для чего необходимы такие два решения, если сразу можно записать что-то в переменную? Да, все верно можно сразу что-то туда присвоить. Но представьте что через какое-то время в эту же переменную нам необходимо передать новое значение.
Как раз именно это и делает ключевое слово -
let

Кстати хочу подчеркнуть одну делать, Вы наверное уже заметили знак равенства - это называется оператор присваивание. А именно он говорит: присвой переменной a число 10. Ну и конечно же точка с запятой - это закрытие нашей конструкции.

Константа const

Переменные объявленые через ключевое слово const - не меняют присвоенного им значения! Это главное отличие между let и const

Присваивание другого значения переменной const
Присваивание другого значения переменной const

Если же мы попробуем присвоить переменной объявленую через const то в консоли получим ошибку что нельзя присвоить переменной а цифру 5 как показано на скриншоте выше.

А вот если сделать тоже самое но заменить const на let:

Присваивание другого значения переменной let
Присваивание другого значения переменной let

То получим в консоли 5, а теперь давайте проговорим что здесь произошло. Объявили переменную а, присвоили ей число 10, после на следующей строке присвоили ей же новое число - 5. Вывели в консоль переменную а и получили результат второго присваивания. Такую манипуляцию с переменной const уже проделать нельзя.

И так что у нас получается объявление переменных выглядит следующим образом:

Выводим в консоль переменные a и b
Выводим в консоль переменные a и b

Главное отличие их друг от друга - переменные объявленные через ключевое слово let можно изменять, а через const нет.