Переменные Javascript

Переменные в JavaScript это контейнеры для хранения различных данных.

В следующем примере x, y, z это переменные:


var x = 5;
var y = 6;
var z = x + y;

Как видно из этого примера, переменные

  • могут хранить значения, как x и y
  • могут использоваться в различных выражениях (z = x + y; в z будет вычислено значение 11)

Идентификаторы JavaScript

Все переменные JavaScript должны идентифицироваться при помощи уникальных имен. Эти уникальные имена называются идентификаторами.

Идентификаторы могут быть короткими (как x и y) или же более описательными (age, sum, totalVolume).

Общие правила составления имен для переменных (уникальных идентификаторов) следующие:

  • Имена могут содержать буквы, цифры, символ подчеркивания (_) и символ доллара ($).
  • Имена должны начинаться с буквы.
  • Также имена могут начинаться с символа доллара ($) и символа подчеркивания (_) (но в данном учебнике это не используется).
  • Имена являются регистрозависимыми (y и Y — разные переменные).
  • Зарезервированные слова (например, ключевые слова JavaScript) не могут использоваться в качестве имен.

Оператор присваивания

В JavaScript знак "равно" (=) является оператором "присваивания", а не оператором "равен чему-то".

И это прямое отличие от математики. В математике следующее выражение не имеет смысла:


 x = x + 5

В JavaScript же данное выражение вполне себе наполнено смыслом — оно означает, что значение x + 5 присваивается переменной x (вычисляется значение x + 5, а результат помещается в переменную x, т. е. значение в переменной x увеличивается на 5.)

Оператор "равен чему-то" в JavaScript записывается как ==.

Типы данных в JavaScript

Переменные JavaScript могут хранить как числа, так и текст.

В программировании текстовые значения называются текстовые строки.

JavaScript может работать с многими типами данных, но на данном этапе достаточно знать о числах и строках.

Строки записываются в двойных или одинарных кавычках. Числа записываются без кавычек. Если поместить число в кавычки, то оно будет восприниматься обработчиком JavaScript, как текстовая строка.


var pi = 3.14;
var person = "Иван Петров";
var answer = 'Да, это я!';

Декларирование (создание) переменных JavaScript

Процесс создания переменной в JavaScript называется "декларирование" переменной.

Переменная JavaScript декларируется при помощи ключевого слова var:


var carName;

Сразу после декларирования у переменной нет никакого значения. (Вообще-то, технически у такой переменной есть специальное значение - undefined)

Чтобы присвоить переменной значение, следует воспользоваться оператором присваивания:


 carName = "Volvo";

Также присвоить значение можно и во время декларирования переменной:


var carName = "Volvo";

В следующем примере мы создаем переменную с именем carName и сразу же присваиваем ей значение "Volvo". Затем мы "выводим" значение переменной в HTML параграфе с атрибутом id="demo":


<p id="demo"></p>

<script>
 var carName = "Volvo";
 document.getElementById("demo").innerHTML = carName; 
</script>

Декларирование всех переменных в начале скрипта считается хорошей практикой программирования.

Одно выражение, много переменных

Вы можете декларировать в одном выражении несколько переменных.

Для этого нужно начать выражение с ключевого слова var и разделять декларируемые переменные запятой:


var person = "John Doe", carName = "Volvo", price = 200;

Декларация может располагаться на нескольких строках:


 var person = "John Doe",
 carName = "Volvo",
 price = 200;

Значение = undefined

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

После выполнения кода следующего примера у переменной carName будет установлено значение undefined:


var carName;

Повторное декларирование переменных JavaScript

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

После выполнения следующего кода в переменной carName все еще будет храниться значение "Volvo":


var carName = "Volvo";
var carName;

Арифметика JavaScript

Как и в математике, с переменными JavaScript вы можете при помощи, например, оператора сложения (+) осуществлять арифметические вычисления:


var x = 5 + 2 + 3;

Также можно складывать и строки, но при этом строки будут конкатенироваться, т.е. объединяться:


var x = "John" + " " + "Doe";

Если поместить число в кавычки, то остальные числа будут восприниматься как строки, и будет проведена операция конкатенации строк:


var x = 2 + 3 + "5";