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

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

Tags: JavaScript

Recent Posts

Как выучить немецкий язык легко и весело? С помощью Beste Freunde!

Немецкий часто считается сложным языком. Да, немецкая лексика имеет «тяжелый» характер. Да, есть действительно очень… Read More

27/09/2020

Отопление и горячая вода – когда нужно, а не когда соизволят включить

Тепло в доме и горячая вода в любое время для многих жителей многоквартирных и частных… Read More

19/09/2020

Инструкция по скачиванию видео с сервиса TikTok (бесплатно и без watermark)

Если вы еще не слышали о TikTok, тогда рекомендуем вам сначала ознакомиться с этим кратким… Read More

17/09/2020

Что есть в бюджетном ноутбуке – на какие характеристики рассчитывать?

Прошли те времена, когда приличный ноутбук стоил от 1000 долларов. Сегодня можно купить довольно неплохой… Read More

16/09/2020

Что лучше – цифровое телевидение Т2 или интернет-телевидение?

Современную жизнь невозможно представить без телевидения. Оно позволяет узнавать о событиях в Украине и мире,… Read More

02/09/2020

Гипоаллергенная подушка. Для чего она важна?

Сейчас найдется мало людей, у которых нет аллергии на продукты или пыльцу растений. Считается, что… Read More

28/08/2020