Server sync... Block time in database: 1629139233, server time: 1652930234, offset: 23791001

Стать программистом. Часть 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;

Проверим наши правила на всех трех переменных.
Первая переменная
Вторая переменная Третья переменная
Имя - «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» т.е. «строка».

Задача.

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

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

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

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


Comments 0


Привет!

Этот пост был выбран Академией Голоса и попал в список программы поддержки качественных образовательных постов.
Ссылка на твой пост будет опубликована в отчете Академии.

Спасибо за полезный контент (ノ◕ヮ◕)ノ*:・゚✧

03.02.2017 13:50
0

Здравствуйте! Спасибо за уроки! У меня маленький вопрос.
если переменной сменить тип на «undefined», то при выводе на экран выводится ее предыдущее значение.
зачем тогда переменной задавать «undefined»?

    var number = 324;
    var string = "hellow";

    number = "hi";
    string = 555;

    string;
    number;

    alert(number);
20.02.2017 17:56
0