JavaScript Переменные
Существует 3 способа объявить переменную JavaScript:
- С помощью
var
- С помощью
let
- С помощью
const
В этой главе используется var
.
Ключевые слова let
и const
объясняются в следующих главах.
Переменные
JavaScript переменные - это контейнеры для хранения значений данных.
В этом примере x
, y
, и z
переменные, объявляются с ключевым словом var
:
Из приведенного выше примера результат будет такой:
- Переменная x сохранит значение 5
- Переменная y сохранит значение 6
- Переменная z сохранит значение 11
Программирование как в алгебре
В этом примере price1
, price2
и total
, тоже являются переменными:
В программирование, как и в алгебре, мы используем переменные (например, price1) для хранения значений.
В программирование, как и в алгебре, мы используем переменные в выражениях (total = price1 + price2).
Из приведенного выше примера вы можете рассчитать, что общая сумма будет 11.
JavaScript переменные - это контейнеры для хранения значений данных.
JavaScript Идентификаторы
Все JavaScript переменные должны быть определены с уникальным именами.
Уникальные имена называются идентификаторами.
К примеру, идентификаторы могут быть короткими именами (например, x и y) или более описательными именами (age, sum, totalVolume).
Общие правила построения для имен переменных (уникальных идентификаторов):
- Имена переменных могут содержать буквы, цифры, символы подчеркивания и знаки доллара
- Имена переменных должны начинаться с буквы
- Имена переменных, также могут начинаться с $ и _ (но мы не будем использовать в этом руководстве)
- Имена переменных чувствительны к регистру (y и Y - разные переменные)
- Зарезервированные слова (например, ключевые слова JavaScript) нельзя использовать в качестве переменных имен
JavaScript идентификаторы чувствительны к регистру.
JavaScript Оператор присваивания
В JavaScript знак равенства (=
) является оператором "присваивания", а не оператором "равно".
Отличие от алгебры. Следующий пример не имеет смысла в алгебре:
x = x + 5
Однако в JavaScript смысл таков: он присваивает значение x + 5 к переменной x.
(Он вычисляет значение x + 5 и помещает результат в x. Значение x увеличивается на 5.)
Оператор "равно" написан, как ==
в JavaScript.
JavaScript Типы данных
JavaScript переменные могут содержать числа, такие как 100, и текстовые значения, например "Щипунов Андрей".
В программировании, текстовые значения называются текстовыми строками.
JavaScript может обрабатывать многие типы данных, но пока просто подумайте о числах и строках.
Строки заключаются в двойные или одинарные кавычки. Числа пишутся без кавычек.
Если вы поместите число в кавычки, оно будет рассматриваться, как текстовая строка.
JavaScript Объявление (создание переменной)
Создание переменной в JavaScript называется "объявлением" переменной.
К примеру, вы объявляете переменную JavaScript с ключевым словом var
:
var carName;
После объявления, переменная не имеет значения (технически имеет значение undefined
).
Чтобы присвоить значение переменной, используйте знак равенства:
carName = "Вольво";
Вы также, можете присвоить значение к переменной при объявлении:
var carName = "Вольво";
В приведенном ниже примере создаем переменную с именем carName
и присваиваеваете к ней значение "Вольво".
Затем "выводим" значение внутри параграфа HTML с id = "demo":
Пример
<p id="demo"></p>
<script>
var carName = "Вольво";
document.getElementById("demo").innerHTML = carName;
</script>
Попробуйте сами »
Хорошая практика программирования - объявлять все переменные в начале скрипта.
Подтверждение
Вы можете объявить большое количество переменных в одном операторе.
Начните с var
и разделите переменные запятыми:
var person = "Щипунов Андрей", carName = "Вольво", price = 200;
Попробуйте сами »
Объявление может занимать несколько строк:
var person = "Щипунов Андрей",
carName = "Вольво",
price = 200;
Попробуйте сами »
Значение = undefined
В компьютерных программах переменные часто объявляются без значения. Значение может быть чем-то, что нужно вычислить, или чем-то, что будет предоставлено позже, введенным пользователем.
Переменная, которая объявленная без значения, будет иметь значение undefined
.
Переменная carName, будет иметь значение undefined
после выполнения этого оператора:
JavaScript Повторное объявление переменных
Если вы повторно объявите переменную JavaScript, она не потеряет своего значения.
После carName
выполнения этих операторов переменная по-прежнему будет иметь значение "Вольво":
JavaScript Арифметика
Как и в случае с алгеброй, вы можете выполнять арифметические операции с переменными JavaScript, используя такие операторы, как =
и +
:
Вы также, можете добавить строки, но они будут объединены:
Также попробуйте:
Если вы поместите число в кавычки, остальные числа будут рассматриваться как строки и объединяться.
А теперь попробуйте:
JavaScript Знак доллара $
Помните, что идентификаторы (имена переменных) JavaScript должны начинаться с:
- Буква (AZ или az)
- Знак доллара ($)
- Или подчеркивание (_)
Поскольку JavaScript обрабатывает знак доллара как букву, идентификаторы, содержащие $, являются допустимыми именами переменных:
Знак доллара не очень распространен в JavaScript, но профессиональные программисты часто используют его как псевдоним для основной функции в библиотеке JavaScript.
В библиотеке JavaScript jQuery, например, функция main $
используется для выбора элементов HTML.
В jQuery $("p");
означает "выбрать все элементы p".
JavaScript Подчеркивание (_)
Поскольку JavaScript обрабатывает подчеркивание как букву, идентификаторы, содержащие _ , являются допустимыми именами переменных:
Использование подчеркивания не очень распространено в JavaScript, но среди профессиональных программистов принято использовать его в качестве псевдонима для "частных (скрытых)" переменных.