#Урок 4. Переменные в JS

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

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

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

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

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

<script>

  var per = 10; 

</script>

 

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

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

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

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

var shkaf;

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

var holodilnik = "рубашка";

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

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

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

<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. Написав же это значение без кавычек, мы вывели значение переменной.

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

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

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. То есть ошибку. Этого следовало ожидать. То же самое мы увидим и при умножении и делении подобных значений. Из всего этого мы можем сделать вывод. В итоге вывод: складывать числовые и строковые значение мы можем, а вот вычитать, умножать, делить — нет.

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

Ну на этом урок 4 окончен. Идем дальше!

Комментарии закрыты.