JavaScript Переменные

JavaScript переменные - это контейнеры для хранения значений данных.

В этом примере x, y и z - это переменные, объявленные с помощью ключевого слова var:

Из приведенного выше примера вы можете ожидать:

• х хранит значение 5
• у хранит значение 6
• z хранит значение 11

Использование let и const (2015)

До 2015 года использование ключевого слова var было единственным способом объявить переменную JavaScript.

Версия JavaScript 2015 года (ES6 - ECMAScript 2015) позволяет использовать ключевое слово const для определения переменной, которую нельзя переназначить, а также ключевое слово let для определения переменной с ограниченной областью действия.

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

Safari 10 и Edge 14 были первыми браузерами, полностью поддерживающими версию ES6:

По состоянию на начало 2021 года практически все современные браузеры поддерживают версию JavaScript 2015 (ES6).

Очень похоже на алгебру

В этом примере price1, price2 и total - это переменные:

В программировании, как и в алгебре, мы используем переменные (например, price1) для хранения значений.

В программировании, как и в алгебре, мы используем переменные в выражениях (total = price1 + price2).

Из приведенного выше примера вы можете рассчитать сумму, которая равна 11.

JavaScript Идентификаторы

Все JavaScript переменные должны быть идентифицированы с помощью уникальных имён.

Эти уникальные имена называются идентификаторами.

Идентификаторы могут быть короткими именами (например, x и y) или более описательными именами (age, sum, totalVolume).

Общие правила построения имен для переменных (уникальные идентификаторы):

• Имена могут содержать буквы, цифры, подчеркивания и знаки доллара.
• Имена должны начинаться с буквы
• Имена также могут начинаться с $ и _ (но мы не будем использовать их в этом учебнике)
• Имена чувствительны к регистру (y и Y - разные переменные)
• Зарезервированные слова (например, ключевые слова JavaScript) нельзя использовать в качестве имён

Оператор присваивания

В JavaScript знак равенства (=) является оператором "присваивания", а не оператором "равно".

Это такое отличие от алгебры. Следующее выражение не имеет смысла в алгебре:

В JavaScript, однако, такое выражение имеет смысл: х присваивается значение x + 5.

(Вычисляется значение x + 5 и результат помещается в x. Значение x увеличивается на 5.)

JavaScript Типы данных

JavaScript переменные могут содержать числа (например, 1, 78, -25, 1024 и т.д.) и текстовые значения как "John Doe".

В программировании текстовые значения называются текстовыми строками.

JavaScript может обрабатывать многие типы данных, но сейчас просто подумайте о числах и строках.

Строки пишутся в двойных или одинарных кавычках. Числа пишутся без кавычек.

Если вы поставите число в кавычки, оно будет рассматриваться как текстовая строка.

Объявление (создание) переменных JavaScript

Создание переменной в JavaScript называется "объявлением" переменной.

Вы объявляете переменную JavaScript с ключевым словом var:

После объявления переменная не имеет значения (технически она имеет значение undefined, т.е. "не определена").

Чтобы присвоить значение переменной, используйте знак равенства =:

Вы также можете присвоить значение переменной при объявлении её:

В приведенном ниже примере мы создаем переменную с именем carName и присваиваем ей значение "Volvo".

Затем мы "выводим" значение внутри HTML параграфа с id="demo":

Одна инструкция, много переменных

Вы можете объявить много переменных в одной инструкции.

Начните инструкцию с var и разделите переменные запятой:

Объявление может занимать несколько строк:

Значение = undefined (не определено)

В компьютерных программах переменные часто объявляются без значения. Значение может быть чем-то, что должно быть рассчитано, или что-то, что будет предоставлено позже, например, пользовательский ввод.

Переменная, объявленная без значения, будет иметь значение undefined.

Переменная carName будет иметь значение undefined после выполнения этой инструкции:

Повторное объявление переменных JavaScript

Если вы повторно объявите переменную JavaScript, она не потеряет своего значения.

Переменная carName по-прежнему будет иметь значение "Volvo" после выполнения этих инструкций:

JavaScript Арифметика

Как и в случае с алгеброй, вы можете выполнять арифметику с переменными JavaScript, используя такие операторы, как = и +:

Вы также можете добавить строки, но строки будут объединены:

Также попробуйте это:

Теперь попробуйте это:

var  = "";