Стать программистом. Часть 4. Основы JavaScript для абсолютных новичков!
Доброго времени суток, друзья!
В прошлом уроке мы научились создавать переменные, задавать им значения, узнали почему переменные носят именно такое название, познакомились с некоторой теорией, а наиболее усердные из Вас, возможно, даже выполнили небольшую задачку из предыдущего урока. Так держать!
Сегодня я бы хотел рассказать Вам о переменных немного больше, а также показать и объяснить основные моменты взаимодействия переменных друг с другом.
Для этого нам понадобятся наши добрые index.html и core.js файлы. Начнем, пожалуй!
УРОК 4. типы переменных, как основа для их взаимодействия.
В предыдущем уроке я написал:
Итак, переменная имеет имя – «box» и значение – «привет JavaScript!». Это видимые свойства переменной.
Обратите внимание на словосочетание "видимые свойства переменной". Логично предположить, что у переменной еще должны быть и НЕвидимые свойства. И это действительно так. Каждая переменная, помимо видимых имени и значения еще обладает таким параметром, как Тип.
Давайте уясним что значит тип переменной. Косвенно, Вы уже столкнулись с типом в предыдущем уроке. Вспомним список того, что мы могли положить в нашу коробочку (если возвращаться к нашей аналогии из третьего урока). Вот он:
На самом деле это и был список возможных типов переменных. Но для понимания я его немного упростил. На самом же деле существует шесть типов переменных в JavaScript и более конкретизированный список выглядит следующим образом:
- Number (Число).
- String (Строка).
- Boolean (Истина - true или ложь - false).
- Object (Объект).
- Undefined (Специфическое значение).
- Null (Специфическое значение).
C тремя типами из этого списка мы уже знакомы. Это: число, строка и undefined. С тремя другими мы познакомимся в процессе дальнейшего изучения JavaScript. Сейчас же надо сфокусироваться всего на двух правилах:
- Любая переменная обладает Именем и Типом. И может обладать Значением.
- Переменная может менять не только свое Значение, но и свой Тип.
Давайте разберем эти правила на примере. Для этого откроем наш core.js в редакторе, а index.html - в браузере.
Очистим core.js от текущего кода и создадим три новых переменных.
var string = "привет!";
var number = 13;
var empty;
Проверим наши правила на всех трех переменных.
| Первая переменная | Вторая переменная | Третья переменная |
|---|---|---|
| Имя - «string». Значение – «привет!». Тип – строка. | Имя – «number». Значение – «13». Тип – число. | Имя – «empty». Значение отсутствует! Тип – undefined (урок 3). |
Таким образов первое правило подтвердилось для всех трех переменных.
Второе правило подтвердить еще проще. Достаточно поменять значения наших переменных между собой. Давайте это проделаем.
var string = "привет!";
var number = 13;
var empty;
string;
number = "привет!";
empty = 13;
Обратите внимание:
| Переменная «string» | Переменная «number» | Переменная «empty» |
|---|---|---|
| Было (1 строка): 1. Тип – «строка». 2. Значение – «привет!». Стало (6 строка): 1. Тип – «undefined». 2. Значение отсутствует. | Было (2 строка): 1. Тип – «число». 2. Значение – 13. Стало (7 строка): 1. Тип – «строка». 2. Значение – «привет!». | Было (3 строка): 1. Тип – «undefined». 2. Значение отсутствует. Стало (8 строка): 1. Тип – «число». 2. Значение – 13. |
Для чего мы так подробно останавливаемся на типах переменных? Дело в том, что тип играет важную роль при взаимодействии переменных друг с другом. И нам просто необходимо понимать, переменные какого типа могут взаимодействовать друг с другом, а какие не могут этого делать.
Например, во время работы Вам понадобиться выполнить математическую операцию – сложение, и найти сумму двух переменных. Прежде чем, это сделать Вам надо будет удостоверится, что обе этих переменных будут иметь тип «число». В противном случае результат вашего сложения будет не совсем таким, каким вы его ожидали бы увидеть.
Если вдруг Вы не сразу запоминаете типы переменных, это не страшно. В JavaScript есть своего рода помощник для определения типа переменных.
Называется он – «typeof».
Когда нам требуется убедиться в том, какой именно тип переменной мы используем в данный момент, мы можем воспользоваться этим помощником.
Давайте проделаем это на практике.
Откроем наш core.js, очистим его от лишнего, и напишем следующую конструкцию.
var type = "привет!";
alert(typeof type);
Что мы здесь видим?
На первой строчке мы создаем переменную «type». Задаем ей значение «привет!» и понимаем, что тип этой переменной будет «строка». Но мы хотим убедиться в том, что это именно так. Для этого мы используем уже известную Вам конструкцию alert() - которая выводит сообщения в браузере, и нашего нового помощника typeof.
Строка alert(typeof string); дословно может восприниматься как «выведи сообщение о том, какого типа переменная ‘string’».
Теперь пойдем в браузер, где у нас открыт файл index.html и обновим окно.
Мы должны будем увидеть следующее.
То есть наш помощник - typeof определил, что переменная «type» имеет «string» т.е. «строка».
Задача.
- Создать две переменных. Первую переменную с типом «число». Вторую переменную с типом «строка».
- Сменить тип первой переменной на «undefined». А у второй поменять значение на число.
- Установить тип второй переменной используя конструкцию «alert» и нашего помощника «typeof».
Ссылки на предыдущие уроки:
Продолжение следует...