Переменные в JS

Что такое переменная?

Допустим, у вас есть пустая коробка. Это и есть переменная. Для чего она? Для того, чтобы в нее что-нибудь положить. Теперь положим в нее, допустим, телефон. В итоге мы получаем переменную со значением “телефон”. А значение это мы кладем туда для того, чтобы в любой момент могли его достать и управлять им.

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

Как объявить переменную в JS?

Для того, чтобы коробка у нас оказалась посреди комнаты, ее надо откуда-то взять. То есть принеси в помещение. Вот точно так же, чтобы переменная существовала в программе, ее нужно объявить. В JavaScript это делается так:

<script>   var per = 10; </script>

С помощью команды “var” (от англ. variable — переменная) мы указали программному интерпретатору (то есть компьютеру) о том, что ему необходимо создать переменную с именем “per” и положить в эту переменную значение – число 10.

Теперь если мы обратимся к нашей переменной “per”, то компьютер будет работать с числом 10.

Обратите внимание, что в переменную можно класть не только числа, но и текстовые значения, слова. Туда можно задавать и состояния, к примеру, «правда» или «ложь». Но об этом немного позже.

А теперь представим, что компьютер — это мы, а переменная — шкаф. Когда мы входим в комнату, то видим, что шкаф стоит у стены, т. е. мы точно знаем, что он существует – переменная объявлена, в JavaScript это записалось бы таким образом:

var shkaf;

далее на наших глазах туда вешают рубашку:

var holodilnik = \»рубашка\»;

Сейчас мы знаем, что в переменной шкаф есть значение «рубашка», мы можем ее достать и что-нибудь с ней сделать. Если рубашку убрали и вместо нее положили брюки, то опытные программисты говорят, что в этом случае «переопределили переменную». Так делать можно и подобная манипуляция с переменными встречается довольно часто.

Арифметические операции с переменными.

С переменными мы можем совершать различные арифметические операции. Давайте взглянем на пример:

<script>    var x = 7;    var y = 4;    var z = x y;      document.write (z); </script>

Сейчас мы указали, что теперь существует переменная X со значением 7 и определили переменную Y со значением 4. После этого мы указали, что будет иметь место еще и переменная Z, значение которой состоит из суммы x и y. После этого с помощью знакомой команды мы вывели на экран значение переменной z.

Обратите внимание, что если бы мы написали «z», т.е. в кавычках, то сказали бы, что это строка и на экран бы вывелась буква z. Написав же это значение без кавычек, мы вывели значение переменной.

Строковые и числовые переменные

Как мы уже знаем, значением переменной может быть не только число. Ее значением может быть и строка. Разница в том, что при объявлении числа мы пишем значение без кавычек:

var x = 7;

А при объявлении переменной со строковым значением оно находится в кавычках.

var y = \»chislo\»;

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

<script>    var x = 7;    var y = \»chislo\»;    var z = x y;      document.write (z); </script>

В результате в браузере мы увидим надпись 7chislo. Итак, мы убедились, что складывать слова и числа мы можем, теперь давайте проверим, сможем ли мы работать с вычитанием?

<script>    var x = 7;    var y = \»chislo\»;    var z = x — y;      document.write (z); </script>

В итоге в браузере мы видим NaN. То есть ошибку. Этого следовало ожидать. То же самое мы увидим и при умножении и делении подобных значений. Из всего этого мы можем сделать вывод: складывать числовые и строковые значение мы можем, а вот вычитать, умножать, делить — нет.

Запомните: текст(строковые данные) пишутся в кавычках, а числовые — без.