Стать программистом. Часть 4. Основы JavaScript для абсолютных новичков!

Доброго времени суток, друзья!

В прошлом уроке мы научились создавать переменные, задавать им значения, узнали почему переменные носят именно такое название, познакомились с некоторой теорией, а наиболее усердные из Вас, возможно, даже выполнили небольшую задачку из предыдущего урока. Так держать!

Сегодня я бы хотел рассказать Вам о переменных немного больше, а также показать и объяснить основные моменты взаимодействия переменных друг с другом.
Для этого нам понадобятся наши добрые index.html и core.js файлы. Начнем, пожалуй!

УРОК 4. типы переменных, как основа для их взаимодействия.

В предыдущем уроке я написал:

Итак, переменная имеет имя – «box» и значение – «привет JavaScript!». Это видимые свойства переменной.

Обратите внимание на словосочетание "видимые свойства переменной". Логично предположить, что у переменной еще должны быть и НЕвидимые свойства. И это действительно так. Каждая переменная, помимо видимых имени и значения еще обладает таким параметром, как Тип.

Давайте уясним что значит тип переменной. Косвенно, Вы уже столкнулись с типом в предыдущем уроке. Вспомним список того, что мы могли положить в нашу коробочку (если возвращаться к нашей аналогии из третьего урока). Вот он:

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

1. Number (Число).
2. String (Строка).
3. Boolean (Истина - true или ложь - false).
4. Object (Объект).
5. Undefined (Специфическое значение).
6. Null (Специфическое значение).

C тремя типами из этого списка мы уже знакомы. Это: число, строка и undefined. С тремя другими мы познакомимся в процессе дальнейшего изучения JavaScript. Сейчас же надо сфокусироваться всего на двух правилах:

1. Любая переменная обладает Именем и Типом. И может обладать Значением.
2. Переменная может менять не только свое Значение, но и свой Тип.

Давайте разберем эти правила на примере. Для этого откроем наш core.js в редакторе, а index.html - в браузере.
Очистим core.js от текущего кода и создадим три новых переменных.

var string = "привет!";
var number = 13;
var empty;

Проверим наши правила на всех трех переменных.

Таким образов первое правило подтвердилось для всех трех переменных.
Второе правило подтвердить еще проще. Достаточно поменять значения наших переменных между собой. Давайте это проделаем.

var string = "привет!";
var number = 13;
var empty;

string;
number = "привет!";
empty = 13;

Обратите внимание:

Для чего мы так подробно останавливаемся на типах переменных? Дело в том, что тип играет важную роль при взаимодействии переменных друг с другом. И нам просто необходимо понимать, переменные какого типа могут взаимодействовать друг с другом, а какие не могут этого делать.
Например, во время работы Вам понадобиться выполнить математическую операцию – сложение, и найти сумму двух переменных. Прежде чем, это сделать Вам надо будет удостоверится, что обе этих переменных будут иметь тип «число». В противном случае результат вашего сложения будет не совсем таким, каким вы его ожидали бы увидеть.

Если вдруг Вы не сразу запоминаете типы переменных, это не страшно. В JavaScript есть своего рода помощник для определения типа переменных.
Называется он – «typeof».
Когда нам требуется убедиться в том, какой именно тип переменной мы используем в данный момент, мы можем воспользоваться этим помощником.
Давайте проделаем это на практике.
Откроем наш core.js, очистим его от лишнего, и напишем следующую конструкцию.

var type = "привет!";
alert(typeof type);

Что мы здесь видим?
На первой строчке мы создаем переменную «type». Задаем ей значение «привет!» и понимаем, что тип этой переменной будет «строка». Но мы хотим убедиться в том, что это именно так. Для этого мы используем уже известную Вам конструкцию alert() - которая выводит сообщения в браузере, и нашего нового помощника typeof.

Строка alert(typeof string); дословно может восприниматься как «выведи сообщение о том, какого типа переменная ‘string’».

Теперь пойдем в браузер, где у нас открыт файл index.html и обновим окно.
Мы должны будем увидеть следующее.

То есть наш помощник - typeof определил, что переменная «type» имеет «string» т.е. «строка».

Задача.

1. Создать две переменных. Первую переменную с типом «число». Вторую переменную с типом «строка».
2. Сменить тип первой переменной на «undefined». А у второй поменять значение на число.
3. Установить тип второй переменной используя конструкцию «alert» и нашего помощника «typeof».

Ссылки на предыдущие уроки:

1. Урок 1.
2. Урок 2.
3. Урок 3.

Продолжение следует...