Javascript урок 1 Переменные и операции над ними

Я не буду долго ходить вокруг да около, описывая все типы переменных, все операции, оно нам ни к чему, наша главная цель -  усвоить базовый синтаксис javascript, чтобы потом перейти к изучению jQuery и уже потом вы сможете улучшать свои знания и умения в javascript. Если вы все-таки хотите изучать javascript и использование великолепного javascript-фреймворка вас не прельщает, тогда вам стоит найти учебник по javascript пообъеместее. А если вы хотите делать сайты на друпале и изучать потом jQuery, то нам с вами по пути. Итак, приступим.

В этом уроке мы будем разбирать переменные, зачем они нужны и как с ними оперировать.

<

Переменные - одно из главных понятий в программировании. Для того, чтобы разбираться в программировании необходимо иметь чёткое представление о том, что такое переменная, как и где она хранится, и что с ней происходит в процессе выполнения программы. Переменной называется величина, значение которой меняется в процессе исполнения кода программы.

Переменные - это некоторые данные, обрабатываемые в программе и имеющие имя. Как вы знаете, данные хранятся и обрабатываются в памяти компьютера. При работе программы - в оперативной памяти, а при выключении сохраняются в постоянной памяти. При создании программ используются разные типы данных, т.е. переменные различного типа. Это могут быть числа, символы, текст, логические переменные, процедуры, даты и др., которые, в свою очередь, могут подразделяться на определённые виды. Например, числовые данные могут быть целого типа, с дробной частью и т.д. В зависимости от типа данных, программа после объявления переменных, выделяет определённое количество ячеек в памяти, для хранения этих переменных. То есть, этим ячейкам присваиваются имена переменных и в этих ячейках, затем хранятся значения этих переменных. Храниться они могут или до конца выполнения программы, или до тех пор, пока переменной не присвоится другое значение. Имя переменной остается неизменным до конца программы, значение самой переменной может меняться. В языке Javascript меняться может как значение переменной так и ее тип данных.

Новые переменные объявляются (создаются) и должны всегда объявляться с помощью оператора var:

var x;

Эта конструкция объявляет переменную x, мы также можем задавать значение этой переменной при объявление:

var x = 10;

Заметьте, что после каждой операции в javascript мы ставим точку с запятой (как в С++ и PHP). Также мы использовали операцию присваивания (приравнивания) переменной x числа 10. Также заметьте, что имена переменных нужно писать на латинице и без пробелов, например:

var myname; - правильно

var my name; - неправильно

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

var name1; - правильно

var name2; - правильно

var test4me; - правильно

var lesson2you; - правильно

var 3money; - неправильно

Типы данных (переменных) в Javascript

Пока нам будет достаточно знать о числовых, строковых типах данных, позже мы узнаем о логических, массивах, объектах и других типах данных. В курсе мы разберем все типы данных, но по мере их надобности.

Числовые переменные

Значением числовых переменных является число:

var y = 15;
alert(y);

Как и со всеми числами их можно складывать, умножать, делить, вычитать:

//объявляем переменные
var x=10;
var y=5;
var z1,z2,z3,z4; // переменные можно задать и через запятую
//выполняем действия над переменными
z1 = x+y;
z2 = x*y;
z3 = x-y;
z4 = x/y;
//выводим результаты
alert(z1);
alert(z2);
alert(z3);
alert(z4);

Строковые переменные

Строковые переменные содержат в себе текстовые строки, причем заметьте, что строковую информацию мы заключаем в кавычки:

var str='Привет, Всем!';
alert(str);

При этом вы можете использовать как двойные, так и одинарные кавычки. Строки также можно складывать с помощью знака +

var str1 = 'Привет';
var str2 = ',Всем';
alert(str1 + str2 + '!');

Также в javascript можно переводить из одного типа в другой, например так:

var str='11'; //строковая переменная
var num1=2; //числовая переменная
var num2; //числовая переменная
var num3;
num2 = parseInt(str);
num3 = num1 + num2;
alert(num3) // должно вывести 13

Здесь мы используем функцию  parseInt() (о функциях мы поговорим позже в отдельной теме) для того чтобы перевести строковый формат в числовой.