JavaScript переменные

JavaScript переменные

От автора: приветствую вас, друзья. В этой статье мы с вами поговорим о переменных в JavaScript. Узнаем, что такое переменная, как объявить переменную в JavaScript, как обратиться к переменной в коде и, в целом, для чего нужны переменные. Начнем?

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

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

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

Теперь давайте посмотрим все озвученное выше в коде. Для создания (или объявления) переменной используется ключевое слово var, после которого указывается имя переменной. Фактически мы взяли коробку и подписали ее, при этом мы даже не обязаны что-то класть в эту коробку, т.е. мы можем оставить ее пустой и положить в нее что-то позже. Т.е. мы можем объявить переменную, а значение присвоить ей где-нибудь позже. Давайте создадим пару переменных:

var name = 'John';
var test;

Итак, мы создали переменную name, которой присвоили имя John и объявили переменную test, которой не присваивали значения. Теперь давайте попробуем вывести значения этих переменных. Пока что мы умеем выводить данные только в модальном окне браузера, поэтому давайте используем alert для вывода:

var name = 'John';
var test;

alert(name);
alert(test);

Обратите внимание, при выводе переменной мы не используем кавычки внутри метода alert, в противном случае наши переменные трактовались бы интерпретатором как обычные строки name и test. В результате мы получили два последовательных показа модальных окон, в пером мы увидим имя John, а во втором — значение undefined (это значит, что переменная объявлена, но ее значение не определено).

Ну что же, давайте определим его чуть ниже, а заодно изменим имя в переменной name, переопределив ее значение. И повторно выведем их:

var name = 'John';
var test;

alert(name);
alert(test);

name = 'Doe';
test = 'TEST';

alert(name);
alert(test);

Теперь первые два вывода дадут предыдущие значения (John и undefined), а вот следующие выводы переменных покажут Doe и TEST. Обратите внимание, если переменная определена, нам при повторном обращении к переменной уже не нужно использовать ключевое слово var. Собственно, и при объявлении переменных var не обязателен, однако я настоятельно рекомендую вам всегда использовать var при объявлении переменных.

Что еще можно отметить в теме переменных в JavaScript? Мы с вами объявляли каждую переменную по отдельности. На самом деле, переменные можно объявлять, используя только один var, через запятую:

// так
var name = 'John',
	year = 2016,
	test;
// или так
var name = 'John', year = 2016, test;

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

Несколько слов об имени переменной:

имя переменной может включать в себя буквы, цифры, символы _ и $;

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

имя переменной зависит от регистра, т.е. переменные, к примеру, name и Name — это совершенно разные переменные.

В целом, этого пока что вполне достаточно по теме переменных в JavaScript. На этом статья подошла к концу. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!

Курс по JavaScript: основы

Изучите JavaScript с нуля до результата!

Смотреть курс

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree