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

18/04/2021

Что подарить друзьям на годовщину свадьбы

Люди, между которыми есть любовь и взаимопонимание, скрепляют отношения и зарождают новый союз, а дату… Read More

13/04/2021

Авторитетность домена и его влияние на SEO продвижение сайта

Для качественного SEO (поисковой оптимизации, раскрутки сайта) одним из важных показателей является Авторитет домена (Domain… Read More

27/03/2021

Как вывести деньги из PayPal – основные способы

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

26/03/2021

Как выбрать юбку под свою фигуру на LeBoutique

Юбка – мощный элемент женского гардероба, благодаря которому любой наряд будет выглядеть потрясающе стильно и… Read More

25/03/2021

Основные методы линкбилдинга: как получить качественные внешние ссылки на сайт

Поисковые системы (например, Google) проверяют технические характеристики вашего сайта, такие как скорость загрузки, удобство навигации,… Read More

24/03/2021