Уроки 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

Какие бесплатные конструкторы сайтов будут лучшими для разработки сайта

Начинающим веб-мастерам бывает сложно выбрать конструктор сайтов, который бы полностью устроил их по соотношению удобства… Read More

28/07/2021

Владимир Высоцкий

Я понимаю, как смешно Искать в глазах ответ, В глазах, которым все равно, Я рядом… Read More

25/07/2021

Брюс Ли

Нет такой фразы "Я не могу!" Сумел один, смогут и другие. Не смог никто -… Read More

21/07/2021

Иоганн Вольфганг фон Гете

К чему душе беззлобье, широта уму, Руке готовность действовать и воля, Когда в горячке зла… Read More

12/07/2021

Какой бойлер использовать для кухни

Незаменимым устройством при отключении горячей воды является бойлер для кухни, позволяющий с комфортом мыть посуду… Read More

08/07/2021

Али ибн Абу Талиб

Лучше хранить молчание до тех пор, пока не спросят, чем говорить до тех пор, пока… Read More

07/07/2021