Переменные в JavaScript

Сегодня мы поговорим о такой штуке как переменные (variables) в программировании и, конечно же, конкретно в JavaScript.

Начну с примера: представь, что нам нужно сделать простое математическое действие – число 165 умножить на 734. Затем полученное произведение нам нужно умножить на 3, затем поделить на 5, и каждое полученное значение в результате этих действий нам нужно вывести пользователю.

Самый простой вариант решения проблемы:

165 * 734; 
165 * 734 * 3; 
(165 * 734) / 5;

Фактически, мы сделали то, что требовалось по заданию. Но, тебя не смущает, что мы каждый раз повторяем одно и то же действие в каждом выражении? Если, не заметил, то мы каждый раз заставляем компьютер вычислять произведение 2-ух чисел. Твоему компуктеру это, конечно же, раз плюнуть, но представь, если там будет другое повторяющееся действие, которое уже будет занимать не 0.000000000000000001 миллисекунду на выполнение, а 3 секунды?

Получится, что выполнение программы будет достаточно долгим процессом. Как же это можно оптимизировать? Как раз на помощь и приходят переменные.

Что же такое переменная? Переменная – это выделенная именованная область в памяти для хранения каких-либо данных.

Что это значит? А это значит, что мы можем создать переменную и записать в нее какое-либо значение, это может быть примитивное значение, типа строки, числа, логическое значение(true/false) или значение полученное в результате вычисления какого-либо выражения.

Переменная – это подписанная маркером коробка, в которую можно что-то положить, а затем при возникновении потребности взять из нее то, что положил. А если нужно, то даже можно поменять содержимое этой коробки или вообще оставить ее пустой.

Пробуем оптимизировать наш код. Получаем:

let productNumbers = 165 * 734;

productNumbers * 3; 
productNumbers / 5;

Как видишь, мы создали переменную с именем productNumbers и записали в нее значение произведения. Далее мы productNumbers умножаем на 3, а следующим действием делим на 5.

Вся прелесть заключается в том, что значение переменной будет рассчитываться только 1 раз. Т.е., фактически, значением переменной является не само произведение, а результат произведения, т.е.: 121110. Затем, мы можем обратиться к этой переменной в любой части кода.

Как видишь, код даже немного преобразился, так как стал более читабельным.

У тебя, наверное, возник вопрос, а че это за щегол let перед именем переменной? Ответ – это объявление переменной. Вообще, в JS есть 3 способа объявления:

let productNumbers = 165 * 734;
var productNumbers = 165 * 734;
const productNumbers = 165 * 734;

Как видишь, их целых 3 брата-акробата. Все они делают одно и то же – говорят твоему компуктеру: разметь в памяти ячейку с именем productNumbers и сохрани в ней результат произведения 165 * 734.

Чувствую, ты уже задаешься вопросом зачем их целых 3 и отличаются ли они чем-то? Да, различаются. Но об этом в следующем материале.

Надеюсь, что ты, в целом понял, зачем нужны переменные в программировании.