Все приложения работают с данными. Нам нужно где-то хранить эти данные, например, в приложении электронной коммерции есть данные о продуктах, пользователях, корзине и т. д. Для хранения этой информации используются переменные. Изучим переменные подробнее.

Переменные 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 таковы:

  1. Имена могут содержать буквы, цифры, символы подчеркивания и знаки доллара.
  2. Имена должны начинаться с буквы
  3. Имена также могут начинаться с $ и _ (но здесь мы их использовать не будем)
  4. Имена чувствительны к регистру (y и Y — разные переменные)
  5. Зарезервированные слова (например, ключевые слова JavaScript) нельзя использовать в качестве имен.

Право на наименование

Мы должны быть очень осторожны при именовании наших переменных, наши переменные должны отражать то, чего мы пытаемся достичь, сохраняя эту информацию в переменной. Какую информацию содержит эта переменная? Мы часто продолжаем редактировать старый код, поэтому, если переменные правильно названы, редактирование кода становится очень простым, что экономит много человеко-часов. Таким образом, правильное наименование переменных имеет реальную экономическую ценность.

Программисты борются с именами переменных. Вот несколько предложений от javascript.info, которые могут нам в этом помочь.

  1. Используйте удобочитаемые имена, такие как userName или shoppingCart.
  2. Держитесь подальше от аббревиатур или коротких названий, таких как a, b, c, если мы действительно не знаем, что делаем.
  3. Названия делайте максимально описательными и лаконичными. Примерами плохих имен являются данные и значение. Такие названия ни о чем не говорят. Их можно использовать только в том случае, если контекст кода делает исключительно очевидным, на какие данные или значение ссылается переменная.
  4. Согласуйте условия внутри нашей команды и в нашем собственном сознании. Если посетитель сайта называется «пользователь», то мы должны назвать связанные переменные currentUser или newUser вместо currentVisitor или newManInTown.