От автора: приветствую вас, друзья. В этой статье мы с вами поговорим о переменных в JavaScript. Узнаем, что такое переменная, как объявить переменную в JavaScript, как обратиться к переменной в коде и, в целом, для чего нужны переменные. Начнем?
Начнем мы, пожалуй, с того, что же такое переменная. Если обратиться к определению в Википедии, то мы узнаем, что переменная это ни что иное, как указатель на область в оперативной памяти, в которой записаны определенные данные. Т.е., говоря своими словами, мы можем записать определенную информацию в оперативную память и иметь доступ к ней по имени переменной. При этом таких переменных мы можем создать сколь угодно много, пока есть свободная оперативная память.
Если отвлечься от компьютерной терминологии, то переменную часто сравнивают с коробкой, в которую мы можем положить любую вещь.
При этом прелесть переменных в JavaScript, да и во многих других языках программирования, состоит в том, что мы в любой момент можем выбросить из ящика ненужную вещь и положить в него что-то другое. На практике это значит, что мы можем в переменную положить одни данные, а затем затереть их другими.
Теперь давайте посмотрим все озвученное выше в коде. Для создания (или объявления) переменной используется ключевое слово var, после которого указывается имя переменной. Фактически мы взяли коробку и подписали ее, при этом мы даже не обязаны что-то класть в эту коробку, т.е. мы можем оставить ее пустой и положить в нее что-то позже. Т.е. мы можем объявить переменную, а значение присвоить ей где-нибудь позже. Давайте создадим пару переменных:
|
1 2 |
var name = 'John'; var test; |
Итак, мы создали переменную name, которой присвоили имя John и объявили переменную test, которой не присваивали значения. Теперь давайте попробуем вывести значения этих переменных. Пока что мы умеем выводить данные только в модальном окне браузера, поэтому давайте используем alert для вывода:
|
1 2 3 4 5 |
var name = 'John'; var test; alert(name); alert(test); |
Обратите внимание, при выводе переменной мы не используем кавычки внутри метода alert, в противном случае наши переменные трактовались бы интерпретатором как обычные строки name и test. В результате мы получили два последовательных показа модальных окон, в пером мы увидим имя John, а во втором — значение undefined (это значит, что переменная объявлена, но ее значение не определено).
Ну что же, давайте определим его чуть ниже, а заодно изменим имя в переменной name, переопределив ее значение. И повторно выведем их:
|
1 2 3 4 5 6 7 8 9 10 11 |
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, через запятую:
|
1 2 3 4 5 6 |
// так var name = 'John', year = 2016, test; // или так var name = 'John', year = 2016, test; |
Как видим, мы объявили сразу три переменных, можно даже в одну строчку.
Несколько слов об имени переменной:
имя переменной может включать в себя буквы, цифры, символы _ и $;
при этом имя переменной не может начинаться с цифры, т.е. первый символ имени переменной может быть любым символом, из перечисленных в п.1, кромецифр;
имя переменной зависит от регистра, т.е. переменные, к примеру, name и Name — это совершенно разные переменные.
В целом, этого пока что вполне достаточно по теме переменных в JavaScript. На этом статья подошла к концу. Если вы хотите больше узнать о JavaScript, тогда рекомендую обратить свое внимание на уроки по JavaScript и отдельный курс по языку JavaScript. Удачи!
Комментарии (1)