Переменные JavaScript

Резюме: в этом учебнике вы узнаете о переменных JavaScript и о том, как использовать переменные для хранения значений в приложении.

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

Объявление переменной

Чтобы объявить переменную, вы используете ключевое слово var, за которым следует имя переменной, как показано ниже:

var message;
Code language: JavaScript (javascript)

Имя переменной может быть любым допустимым идентификатором. По умолчанию переменная message имеет специальное значение undefined, если вы не присвоили ей значение.

Имена переменных подчиняются следующим правилам:

• Имена переменных чувствительны к регистру. Это означает, что message и Message — это разные переменные.
• Имена переменных могут содержать только буквы, цифры, знаки подчеркивания или доллара и не могут содержать пробелов. Кроме того, имена переменных должны начинаться с буквы, знака подчеркивания (_) или знака доллара ($).
• В именах переменных не могут использоваться зарезервированные слова.

По соглашению, в именах переменных используется регистр символов, например message, yourAge и myName.

JavaScript является динамически типизированным языком. Это означает, что вам не нужно указывать тип переменной в объявлении, как в статически типизированных языках, таких как Java или C#.

Начиная с ES6, вы можете использовать ключевое слово let для объявления переменной подобным образом:

let message;
Code language: JavaScript (javascript)

Хорошей практикой является использование ключевого слова let для объявления переменной. Позже вы узнаете о различиях между ключевыми словами var и let. Пока же вам не стоит об этом беспокоиться.

Инициализация переменной

После того как вы объявили переменную, вы можете инициализировать ее значением. Чтобы инициализировать переменную, укажите имя переменной, затем знак равенства (=) и значение.

Например, ниже объявляется переменная message и инициализируется буквальной строкой "Hello":

let message;
message = "Hello";
Code language: JavaScript (javascript)

Для одновременного объявления и инициализации переменной используется следующий синтаксис:

let variableName = value;
Code language: JavaScript (javascript)

Например, следующий оператор объявляет переменную message и инициализирует ее буквенной строкой "Hello":

let message = "Hello";
Code language: JavaScript (javascript)

JavaScript позволяет объявлять две или более переменных с помощью одного оператора. Для разделения двух объявлений переменных используется запятая (,), как показано ниже:

let message = "Hello",
    counter = 100;
Code language: JavaScript (javascript)

Поскольку JavaScript является динамически типизированным языком, вы можете присвоить переменной значение другого типа. Хотя это не рекомендуется. Например:

let message = 'Hello';
message = 100;
Code language: JavaScript (javascript)

Изменить переменную

После инициализации переменной вы можете изменить ее значение, присвоив другое значение. Например:

let message = "Hello";
message = 'Bye';
Code language: JavaScript (javascript)

Неопределенные и необъявленные переменные

Важно различать неопределенные и необъявленные переменные.

Неопределенная переменная — это переменная, которая была объявлена, но не инициализирована значением. Например:

let message;
console.log(message); // undefined
Code language: JavaScript (javascript)

В этом примере переменная message объявлена, но не инициализирована. Поэтому переменная message является неопределенной.

Напротив, необъявленная переменная — это переменная, которая не была объявлена. Например:

console.log(counter);
Code language: JavaScript (javascript)

Output:

console.log(counter);
            ^
ReferenceError: counter is not defined
Code language: JavaScript (javascript)

В этом примере переменная counter не была объявлена. Следовательно, обращение к ней вызывает ошибку ReferenceError.

Константы

Константа хранит значение, которое не изменяется. Чтобы объявить константу, вы используете ключевое слово const. При определении константы необходимо инициализировать ее значением. Например:

const workday = 5;
Code language: JavaScript (javascript)

Определив константу, вы не можете изменить ее значение.

В следующем примере попытка изменить значение константы workday на 4 приводит к ошибке:

workday = 2;

Error:

Uncaught TypeError: Assignment to constant variable.
Code language: JavaScript (javascript)

Позже в учебнике по константам вы узнаете, что ключевое слово const фактически определяет ссылку на значение только для чтения.

Резюме

• Переменная — это метка, которая ссылается на значение.
• Для объявления переменной используйте ключевое слово let.
• Неопределенная переменная — это переменная, которая была объявлена, но не инициализирована, а необъявленная переменная — это переменная, которая не была объявлена.
• Используйте ключевое слово const для определения ссылки на значение, доступное только для чтения.