Переменные: let, const, var

Любая программа работает с данными — числами, текстом, состояниями. Чтобы хранить эти данные и обращаться к ним по имени, используются переменные.

Переменную можно представить как именованный контейнер для значения. Мы кладём в него какое-то значение, даём ему имя и потом обращаемся по этому имени в любом месте программы.

Объявление переменных

В JavaScript есть три способа объявить переменную: var, let и const.

let — переменная, которая может меняться

let — основной способ объявить переменную в современном JavaScript. Объявление выглядит так:

let city = 'Санкт-Петербург';
console.log(city); // Санкт-Петербург
js

Значение переменной объявленной через let можно изменить позже:

let count = 0;
count = 5;
console.log(count); // 5
js

Можно объявить переменную без начального значения — тогда она будет содержать специальное значение undefined:

let userName;
console.log(userName); // undefined
js

const — константа, значение которой не меняется

const используется для значений, которые не должны изменяться после первого присваивания. Если попытаться это сделать — браузер выдаст ошибку:

const PI = 3.14159;
PI = 3; // Ошибка! Нельзя переназначить константу
js

const — хороший выбор по умолчанию. Если вы знаете, что значение переменной не должно меняться, используйте const. Это делает код более предсказуемым и помогает избежать случайных ошибок. Если в процессе написания кода окажется, что значение всё-таки нужно изменить — тогда меняйте на let.

const siteName = 'Санкт-Петербург';
const foundedYear = 1703;
js

var — старый способ

До появления let и const в JavaScript переменные объявляли только через var. Вы можете встретить его в старом коде:

var name = 'Пётр';
js

var работает иначе, чем let и const: у него другие правила области видимости и специфичное поведение при «поднятии» (hoisting). Это исторически приводило к неожиданным ошибкам. В современном коде var практически не используется — вместо него всегда берите let или const.

Правила именования переменных

Имя переменной в JavaScript должно соответствовать нескольким правилам:

• может содержать буквы, цифры, символы _ и $;
• не может начинаться с цифры;
• не может совпадать с зарезервированными словами (let, const, function, return и т.д.);
• регистр важен: city и City — это разные переменные.

В JavaScript принято использовать camelCase — написание составных слов, где первое слово начинается со строчной буквы, а каждое следующее — с заглавной:

let userName = 'Иван';
let cityFoundedYear = 1703;
const maxRetryCount = 3;
js

Старайтесь давать переменным понятные имена, которые отражают то, что в них хранится. let x = 5 — плохое имя. let userAge = 5 — хорошее.

Итого

// const — для значений, которые не меняются
const siteName = 'Санкт-Петербург';
const foundedYear = 1703;

// let — для значений, которые могут меняться
let visitorCount = 0;
visitorCount = visitorCount + 1;

console.log(siteName);    // Санкт-Петербург
console.log(visitorCount); // 1
js

В следующем уроке поговорим о типах данных — о том, какими бывают значения, которые мы храним в переменных.