Все приложения работают с данными. Нам нужно где-то хранить эти данные, например, в приложении электронной коммерции есть данные о продуктах, пользователях, корзине и т. д. Для хранения этой информации используются переменные. Изучим переменные подробнее.
Переменные JavaScript
Согласно w3schools переменные — это контейнеры для хранения данных. Мы можем представить их как контейнер с меткой на нем, и в контейнере мы можем хранить числа, строки, объекты и другие данные.
В новом стандарте они объявляются с помощью ключевого слова
let
. Ранее они использовались для определения с помощью ключевого словаvar
. Мы изучим ключевое словоvar
в другой день.
Следующий оператор объявил переменную с именем product
.
let product;
Теперь, чтобы сохранить некоторое значение в нашу переменную
let product; product = 'watch';
// abbreviation let product = 'watch';
Теперь в переменной product хранится значение «watch». Мы можем получить к нему доступ, используя его имя, т.е. продукт. Например, когда мы сделаем alert(product);
после объявления переменной, на выходе будет окно предупреждения с часами, написанными на нем.
Мы также можем объявить несколько переменных в операторе, например:
var person = "John Doe", carName = "Volvo", price = 200;
Мы также можем объявить их в несколько строк:
var person = "John Doe",
carName = "Volvo",
price = 200;
Объявление нескольких переменных в одной строке, как правило, нежелательно, поскольку это снижает читабельность кода. Таким образом, как правило, мы либо объявляем переменные каждый раз с ключевым словом let
впереди, либо, если мы хотим объявить несколько переменных в одном выражении, мы делаем это многострочным.
Оператор присваивания
В javascript =
— это оператор присваивания, а не оператор равенства. Означает, что всякий раз, когда мы используем =
, мы присваиваем значение переменной, а не проверяем, равно ли оно чему-то другому. Используя этот оператор присваивания, мы можем, например, переназначить значение переменной
let product = 'clothes'; product = 'shoes';
alert(product); // Gives popup with shoes written on it
В приведенном выше примере стоимость продукта была переназначена на «обувь».
Определение констант
Используя let
, мы можем объявить переменные, которые могут изменяться, но что, если мы хотим объявить переменные, которые остаются постоянными. Для этого мы можем использовать ключевое слово const
. Переменные, объявленные с использованием const
, имеют постоянное значение и вызовут ошибку, если мы попытаемся переназначить их.
const bestseller = 'watch';
bestseller = 'clothes'; // will throw an error
Он используется для определения констант, таких как расстояние между солнцем и луной и т. д.
Идентификаторы Javascript
Все переменные должны быть определены с именем, эти имена называются идентификаторами javascript, но имена переменных имеют некоторые правила.
Общие правила наименования переменных из W3schools таковы:
- Имена могут содержать буквы, цифры, символы подчеркивания и знаки доллара.
- Имена должны начинаться с буквы
- Имена также могут начинаться с $ и _ (но здесь мы их использовать не будем)
- Имена чувствительны к регистру (y и Y — разные переменные)
- Зарезервированные слова (например, ключевые слова JavaScript) нельзя использовать в качестве имен.
Право на наименование
Мы должны быть очень осторожны при именовании наших переменных, наши переменные должны отражать то, чего мы пытаемся достичь, сохраняя эту информацию в переменной. Какую информацию содержит эта переменная? Мы часто продолжаем редактировать старый код, поэтому, если переменные правильно названы, редактирование кода становится очень простым, что экономит много человеко-часов. Таким образом, правильное наименование переменных имеет реальную экономическую ценность.
Программисты борются с именами переменных. Вот несколько предложений от javascript.info, которые могут нам в этом помочь.
- Используйте удобочитаемые имена, такие как userName или shoppingCart.
- Держитесь подальше от аббревиатур или коротких названий, таких как a, b, c, если мы действительно не знаем, что делаем.
- Названия делайте максимально описательными и лаконичными. Примерами плохих имен являются данные и значение. Такие названия ни о чем не говорят. Их можно использовать только в том случае, если контекст кода делает исключительно очевидным, на какие данные или значение ссылается переменная.
- Согласуйте условия внутри нашей команды и в нашем собственном сознании. Если посетитель сайта называется «пользователь», то мы должны назвать связанные переменные currentUser или newUser вместо currentVisitor или newManInTown.