Уроки 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] вернет 'Михаил'

 

 

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

 

Recent Posts

Пошаговая инструкция Импорта данных из Excel в MySQL через phpMyAdmin

Этот практический урок поможет вам перенести данные из вашего Excel-файла (с некоторыми конкретными столбцами) в…

2 дня ago

Распространенные мифы и заблуждения о пиве: восстанавливаем справедливость

Пиво – один из самых популярных напитков, который наряду с чаем и кофе известен во…

2 дня ago

Уроки JavaScript — Краткие функции на замену большому объемному коду

Довольно часто у программистов возникает соблазн написать какую-нибудь обширную функцию, которая должна решать определенную задачу.…

1 неделя ago

Зачем и как просыпаться раньше

Дискуссии вокруг этой темы вас, вероятно, уже утомили. Но я в данной статье постараюсь показать…

1 неделя ago

Уроки JavaScript — Шпаргалка для разработчиков по работе с консолью в браузере

Консоль браузера (также известная как консоль JavaScript или веб-консоль) — это мощный инструмент для разработчиков,…

1 неделя ago

Бернард Шоу

Никогда не указывайте на ошибки, если не знаете, как их исправить Джордж Бернард Шоу  

2 недели ago