Уроки JavaScript – Все, что нужно знать о переменных

Одной из самых основных и фундаментальных концепций любого языка программирования является возможность хранения значений, которые позднее можно многократно использовать. Такие значения в программировании называются переменными.

В сегодняшнем уроке мы рассмотрим переменные в JavaScript. В этом языке программирования для объявления переменных используются три зарезервированных ключевых слова: var, let или const.

Вы можете свободно использовать каждый из этих видов переменных, поскольку все они «нетипизированные», — т.е., это означает, что переменная может содержать значение любого типа данных. Переменные JavaScript отличаются друг от друга тем, как вы можете взаимодействовать с переменной позже.

Ниже показан пример синтаксиса объявления переменной в JavaScript.

ВАЖНО! Вы должны всегда сначала объявлять переменную, и лишь только потом использовать ее.

var someVariable; // объявление переменной
someVariable = 'какое-то значение'; // присвоение значения переменной
var someVariable = 'какое-то значение'; // укороченный вариант объявления: одновременно объявление и присвоение значения

Вы можете объявить несколько переменных в одном выражении:

// Создаем три переменные в одном выражении
var variableOne = 'Первая переменная',
   variableTwo = 'Вторая переменная',
   variableThree = 'Третья переменная';

Переменные могут быть повторно объявлены много раз. В этом случае последняя переменная переопределяет все предыдущие значения:

var example = 'какое-то значение'; // переменная example содержит значение 'какое-то значение'
example = 'новое значение'; //теперь переменная example содержит значение 'новое значение'

Объявление переменной с помощью ключевого слова let

Синтаксис переменной let выглядит так:

let someVariable= 'значение переменной';

В стандарте ECMAScript для JavaScript, который был представлен в 2015 году (ES2015), было введено ключевое слово let для переменной. Нововведение было направлено на поддержание философии, согласно которой переменные должны существовать только там, где они необходимы.

Как и переменная var, переменные let также могут быть переназначены в любой точке программного кода. Есть 3 основных различия между переменными let и var:

• На верхнем уровне let, в отличие от var, не создает свойства для глобального объекта.
• Переменные let не инициализируются, пока их определение не будет оценено. Поэтому, в отличие от var, переменные let не «поднимаются» в верхнюю часть блока. Попытка получить к ним доступ приведет к ошибке ReferenceError.
• Переменные, объявленные с использованием ключевого слова var, попадают в непосредственное тело функции, а переменные let – в непосредственный включающий блок, который обозначен символами {} (фигурные скобки).

Объявление переменной с помощью ключевого слова const

Синтаксис переменной const выглядит так:

const someVariable= 'значение переменной';

В стандарте ECMAScript шестой версии (ES6) для JavaScript, который также был представлен в 2015 году, было введено ключевое слово const, которое также позволяет определять новую переменную.

Как и в случае с переменной let, у переменной const есть своя область действия блока. Между этими переменными есть одно принципиальное отличие.

Как только переменная const инициализирована, ее значение не может быть изменено, если переменная не является частью объекта, что предоставляет методы, которые изменяют ее содержимое. Возьмем для примера следующий массив:

const arr = ['Иван', 'Степан', 'Алексей'];
// вызов в консоли лога для arr[1] вернет 'Иван'
// Метод ниже переназначает 'Иван' в 'Михаил'
arr[1] = 'Михаил';
// вызов в консоли лога для arr[1] вернет 'Михаил'

Вот и все на сегодня. Спасибо, что читаете нас!