HTML / CSSJavaScriptNode jsПаттерны проектированияПрактические

Переменные. Типы данных

Переменные

:pencil:Переменные

Контейнеры для хранения данных

Для объявления переменной используется ключевое слово var

При объявлении переменной ей можно сразу присвоить начальное значение:

1var x = 5
❗️Важно

Если мы объявим переменные, но не присвоим им начальные значения их значением будет undefined

1var x, y, z
2console.log('x',x)
3console.log('y',y)
4console.log('z',z)
❗️Важно

Если мы не объявим переменную, но попытаемся обратиться к ней в консоли появится сообщение об ошибке:

1console.log ( firstName )
1Uncaught ReferenceError: firstName is not defined

Можно объявить сразу несколько переменных в одной строке, разделяя их запятой:

1var person = "John", hobby = 'golf', age = 49
2
3var person2 = "John",
4 hobby = 'golf',
5 age = 49

Как выбрать имя переменной? 🧐

  • :exclamation: Имена переменных могут содержать буквы, цифры, символы подчеркивания и знаки доллара

  • :exclamation: Имена переменных могут начинаться с буквы, сиволов $ и _

  • :exclamation: Имена переменных чувствительны к регистру ( y и Y - разные переменные )

  • :exclamation: Зарезервированные слова не могут использоваться как имена переменных

Типы данных

Значение в JavaScript всегда относится к данным определённого типа. Например, это может быть строка или число. Переменная в JavaScript может содержать любые данные. В один момент там может быть строка, а в другой – число:

1var message = "hello";
2message = 123456;

Число

1var num = 123;
2num = 13.14;

Числовой тип данных (number) представляет как целочисленные значения, так и числа с плавающей точкой.

Строка

Строка (string) в JavaScript должна быть заключена в кавычки.

1var str = "Hello";
2var str2 = 'String with single quotes';

Булевый (логический) тип

Булевый тип (boolean) может принимать только два значения: true (истина) и false (ложь).

Такой тип, как правило, используется для хранения значений да/нет: true значит «да, правильно», а false значит «нет, не правильно».

1var isActive = true;
2var isWeekend = false

Значение «null»

Специальное значение null не относится ни к одному из типов, описанных выше.

Оно формирует отдельный тип, который содержит только значение null:

1var name = null

В JavaScript null не является «ссылкой на несуществующий объект» или «нулевым указателем», как в некоторых других языках. Это просто специальное значение, которое представляет собой «ничего», «пусто» или «значение неизвестно». В приведённом выше коде указано, что значение переменной name неизвестно.

Значение «undefined»

Специальное значение undefined также стоит особняком. Оно формирует тип из самого себя так же, как и null.

Оно означает, что «значение не было присвоено».

Если переменная объявлена, но ей не присвоено никакого значения, то её значением будет undefined:

1var age;
2console.log(age)

Оператор typeof

Оператор typeof возвращает строку

Возможные значения, возвращаемые оператором typeof:

  • string
  • number
  • boolean
  • object
  • undefined
  • function
  • symbol
1var x = 10
2console.log(typeof x) // "number"
3var srt = "google"
4typeof str // "string"
5
6var isActive = false
7typeof typeof isActive // "boolean"

Практика 👩‍💻👨‍💻

Цель: научится базовым операциям JavaScript

Задание :one:

Создать следующие переменные:

  • количество детей
  • имя партнера,
  • географическое положение,
  • должность

Вывести результат в консоль так: «Вы будете X в Y, женаты на Z и у вас будет N детей».

Задание :two:

Сохраните год своего рождения в переменной.

Сохраните будущий год в переменной.

Рассчитайте 2 возможных возраста для этого года на основе сохраненных значений.

Например, если вы родились в 1988 году, то в 2026 году вам будет 37 или 38, в зависимости от того какой месяц в 2026 году.

Выведите их на экран так: «Я буду либо NN, либо NN в YYYY», подставив значения.

Задание :three:

Вычислить свойства круга.

Сохраните радиус в переменной. Рассчитайте длину окружности на основе радиуса и выведите «Длина окружности равна NN».

Вычислите площадь на основе радиуса и выведите «Площадь равна NN».

Задание :four:

Конвертер температуры

Сохраните температуру по Цельсию в переменной.

Преобразуйте его в градусы Фаренгейта и выведите «NN ° C - NN ° F».

Теперь сохраните температуру по Фаренгейту в переменной.

Преобразуйте его в градусы Цельсия и выведите «NN ° F - NN ° C».

Hello