ДжаваСкрипт: все о переменных OTUS
2026-03-10 23:06 Diff
https://otus.ru/journal/dzhavaskript-vse-o-peremennyh/js-fullstackspec_headline_970x70-16-1/

JavaScript – язык программирования, который используется многими разработчиками. Особенно тогда, когда речь заходит о создании веб-софта. Для того, чтобы работать с JS, необходимо изучить функции и возможности оного. Но это бессмысленно до тех пор, пока программер не освоит так называемые переменные. В JavaScript они бывают разными, задаются особыми способами. Без этих составляющих программного кода не обходится ни один язык. Поэтому сначала нужно разобраться с ними, а затем уже составлять разные сложные утилиты и даже писать игры.

Определение

Переменная – это так называемая именованная ячейка памяти. Так хранятся сведения, необходимые приложению для дальнейшей работы. С ними осуществляются те или иные манипуляции.

Переменные могут:

  • считываться;
  • задаваться;
  • корректироваться.

В javascript эти переменные представлены основными элементами программного кода. Аналогичным образом ситуация обстоит и в других языках программирования.

Так принято называть элементарную единицу, специальный контейнер для хранения значения данных.

Константы

Переменная может быть разных видов. Все зависит от типа данных, используемых в ней. Глобально соответствующий элемент можно разделить на две категории: корректируемые (обычные) сведения и константы.

Первый вариант – это обычная переменная. Имя, которое присваивается пространству в виде символов. Помогает получить доступ к задействованным сведениям. Значение оной корректировке при необходимости.

Константа – это переменная, которая не меняется в процессе выполнения кодификации. Она:

  • позволяет обращаться к значению по имени – при указании оной подставляется соответствующее значение в коде;
  • применяется для хранения сведений, не подлежащих тем или иным изменениям;
  • объявляется при помощи ключевика под названием const, после которого прописывается имя.

Важно: для того, чтобы не запутаться, «названия» константы прописывается заглавными буквами. Это негласное правило программистов, активно применяемое не только в Java, но и в иных языках программирования.

Идентификация

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

Имена переменных – это идентификаторы. При их объявлении важно использование определенных правил. В противном случае программа может распознать идентификатор как любой другой объект или же значение функции. Возможно возникновение ошибок при компиляции.

Следует запомнить следующие принципы присваивания имен переменных:

  • способны включать в себя цифры, нижнее подчеркивание, «доллар», а также буквы;
  • имя должно в обязательном порядке начинаться с буквы;
  • идентификатор может начинаться с нижнего подчеркивания или доллара, но это крайне редкий вариант;
  • учитывается регистрозависимость;
  • специальные зарезервированные слова (пример – ключевики в JS) не могут быть задействованы в качестве идентификаторов.

Уяснить соответствующие принципы просто. Это – основа, без которой дальнейшая работа с рассматриваемыми элементами программирования невозможна.

Присваивание

Для того, чтобы работать с рассматриваемыми элементами, недостаточно указывать только их «названия». Важно осознавать принципы объявления переменных.

Чтобы справиться с поставленной задачей, JS использует специальный символ. Им выступает «равно» («=», указывается без кавычек). При помощи него можно присвоить значение, а не сослаться на «равенство чему-то».

Именно этот момент отличает объявление переменной и присваивание значений в программировании от математики. В последней запись типа y = y – 2 не будет иметь никакого смысла. В коддинге соответствующая запись означает, что:

  • переменная y получает значение y – 2;
  • происходит предварительное вычисление соответствующего выражения;
  • после получения результатов полученные данные записываются в значение переменной – то есть, оно уменьшается на 2.

Но иногда переменные в JavaScript задаются «строго». Нужно показать, что их значения будут равны конкретным «цифрам» или данным. При подобных обстоятельствах используется оператор «= =» (двойное равенство, символы указываются без пробелов).

О типах данных

Значения в Джаве – это информация, которая относится к тому или иному типу. Представляет собой множество значений и операций над оными. Своеобразный класс информации. Отвечает за:

  • возможные значения, которые принимает «объект» в программировании;
  • смысл значений;
  • операции и способы хранения данных.

В случае с переменными в JavaScript важно учитывать, что они могут включать в себя или текст, или числа.

Текстовые значения в программировании называют текстовыми строками. Другие типы данных тоже поддерживаются в JS, но на первоначальном этапе изучения языка их не затрагивают.

Стоит запомнить следующие принципы:

  • строку при объявлении переменной записывают в кавычках (двойных или одинарных);
  • нельзя использовать «скобки» для записи чисел;
  • если число заключено в кавычки того или иного типа, при обработке элемента кода сведения будут рассматриваться в качестве текстовой строки.

Подобные принципы изучаются программистами в самом начале, в качестве азов работы с JS и другими языками программирования.

Создание – как все начать

Объявить переменную не составляет никакого труда. Соответствующий процесс носит название «декларирование». Осуществляется с помощью ключевого слова var. После него следует «название».

После того, как переменные в JavaScript декларированы, они не имеют никаких значений (имеет место значение undefined). Для присваивания оных применяется ранее упомянутый оператор. Он может быть задействован после декларирования:

var catName;

catName = “Barsik”;

Второй вариант – когда присваиваем значение вместе с объявлением «хранилища»:

var catName = “Barsik”;

Далее будет элементарный пример работы: создайте переменную и выведите ее значение в HTML параграфе с атрибутом id= ”imya”:

<p id="imya"></p>

<script>

 var catName = "Barsik";

 document.getElementById("imya").innerHTML = catName;

</script>

Для того, чтобы программный код «хорошо» смотрелся и не вызывал лишних трудностей при чтении, рекомендуется объявлять переменные в самом начале коддинга.

Много в одном – как использовать единственное выражение

Можно объявлять несколько «хранилищ» в пределах одного и того же выражения. Для этого используется ключевик var. «Перечисление» осуществляется через запятую:

var imya = “Alex”, mashina = “BMW”, stoimost = 200;

Соответствующая запись может размещаться на нескольких строчках. Здесь все зависит от того, как именно удобнее действовать конкретному разработчику.

Важно: при объявлении переменных в JavaScript применяются разные ключевые слова. Стоит понимать разницу между ними.

Область видимости

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

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

Внутри функций локальные переменные в JavaScript обладают преимуществом перед глобальными.

Разница в «ключевых словах»

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

Var – ключевик, который применяется на практике чаще всего. Переменные, заданные при помощи него, могут быть глобальными и локальными. Первые применяются по всему коду, вторые – только в пределах конкретного «блока».

Для того, чтобы «хранилище» было глобальным, требуется объявить его за пределами функций. В противном случае предстоит иметь дело с локальным вариантом.

Второе ключевое слово, которое помогает справиться с декларированием – это let. И var, и let используются для «обычных» переменных. Тех, что можно корректировать. Только «лэт» предусматривает некоторые особенности:

  • это – улучшенный var;
  • область видимости – блочного типа;
  • переменные, которые объявлены через let, доступны только в пределах задействованной части кодификации.

Данный вариант отлично подходит для ситуаций, когда необходимо работать преимущественно с локальными «хранилищами». Для них испол��зуют и var, и let, но во втором случае удастся избежать лишних ошибок и недопонимания кода при работе с оным.

Последний ключевик, с которым предстоит иметь дело – это константы, определяемые через слово const. Работает по тем же принципам, что и let. Разница заключается в том, что значение констант не переназначается ни при каких обстоятельствах.

Соответствующее хранилище, в отличие и от, var и от let, нельзя повторно объявить или обновить. В процессе обработки оной происходит инициализация «элемента».

Важно: аналогичным образом ситуация обстоит и с объектами – константы никогда не корректируются в процессе выполнения программы или ее конкретной части.

Предположим, что объект объявлен так:

При подобных обстоятельствах не получится применить подобный код:

const a = {

words : 'Hello, itlogia!';,

number : 'five'

}//error : Assignment to constant variable.

Вместо него используется запись a.message = 'Hello, itlogia!';

Значение «без предопределения»

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

  • вычисляется;
  • предоставляется позже, при выполнении тех или иных манипуляций.

Несмотря на это, непосредственное значение является undefined. Просто данное «слово» не нужно явно прописывать в коде.

Повторное объявление – откуда начали, там и закончили

JS – язык программирования, который довольно легко освоить даже новичкам. Достаточно понять принципы его работы. Основополагающая здесь – это переменные.

Если попытаться объявить соответствующие «хранилища» повторно, они не будут терять ранее присвоенные значения. Подобный принцип нужно запомнить, чтобы при написании кода не наделать ошибок.

Как не потратить время зря – быстрый способ разобраться в JS

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

Лучшее решение – специализированные курсы. Проводятся в режиме онлайн и позволяют совмещать учебу с обыденной жизнью. Рассчитаны на срок от нескольких месяцев до года. По выпуску выдается сертификат установленной формы.

Есть предложения как для новичков, так и для продвинутых разрабов. С курсами такие понятия как value, переменные, классы, методы, аннотации не вызовут лишних вопросов.