Переменные JavaScript
4 способа объявить переменную JavaScript:
- С использованием
var
- С использованием
let
- С использованием
const
- Ничего не используя
Что такое переменные?
Переменные — это контейнеры для хранения данных (хранения значений данных).
В этом примере , x
, y
и z
, являются переменными, объявленными с помощью var
ключевого слова:
Пример
var x = 5;
var y = 6;
var z = x + y;
В этом примере , x
, y
и z
, являются переменными, объявленными с помощью let
ключевого слова:
Пример
let x = 5;
let y = 6;
let z = x + y;
В этом примере , x
, y
и z
, являются необъявленными переменными:
Пример
x = 5;
y = 6;
z = x + y;
Из всех приведенных выше примеров вы можете догадаться:
- х хранит значение 5
- у хранит значение 6
- z хранит значение 11
Когда использовать JavaScript var?
Всегда объявляйте переменные JavaScript с помощью var
, let
или const
.
Ключевое var
слово используется во всем коде JavaScript с 1995 по 2015 год.
let
Ключевые слова и const
были добавлены в JavaScript в 2015 году .
Если вы хотите, чтобы ваш код запускался в старом браузере, вы должны использовать var
.
Когда использовать константу JavaScript?
Если вам нужно общее правило: всегда объявляйте переменные с расширением const
.
Если вы считаете, что значение переменной может измениться, используйте let
.
В этом примере , price1
, price2
и total
, являются переменными:
Пример
const price1 = 5;
const price2 = 6;
let total = price1 + price2;
Две переменные price1
и price2
объявляются с помощью const
ключевого слова.
Это постоянные значения и не могут быть изменены.
Переменная total
объявляется с let
ключевым словом.
Это значение, которое можно изменить.
Так же, как алгебра
Как и в алгебре, переменные содержат значения:
let x = 5;
let y = 6;
Как и в алгебре, в выражениях используются переменные:
let z = x + y;
Из приведенного выше примера вы можете догадаться, что общее количество рассчитано как 11.
Примечание
Переменные — это контейнеры для хранения значений.
Идентификаторы JavaScript
Все переменные JavaScript должны быть идентифицированы уникальными именами .
Эти уникальные имена называются идентификаторами .
Идентификаторы могут быть короткими именами (например, x и y) или более описательными именами (возраст, сумма, общий объем).
Общие правила построения имен переменных (уникальных идентификаторов) таковы:
- Имена могут содержать буквы, цифры, символы подчеркивания и знаки доллара.
- Имена должны начинаться с буквы
- Имена также могут начинаться с $ и _ (но мы не будем использовать это в этом уроке).
- Имена чувствительны к регистру (y и Y — разные переменные)
- Зарезервированные слова (например, ключевые слова JavaScript) нельзя использовать в качестве имен.
Примечание
Идентификаторы JavaScript чувствительны к регистру.
Оператор присваивания
В JavaScript знак равенства ( =
) является оператором «присваивания», а не оператором «равно».
Это отличается от алгебры. Следующее не имеет смысла в алгебре:
x = x + 5
Однако в JavaScript это имеет смысл: он присваивает x значение x + 5.
(Он вычисляет значение x + 5 и помещает результат в x. Значение x увеличивается на 5.)
Примечание
Оператор «равно» написан как ==
в JavaScript.
Типы данных JavaScript
Переменные JavaScript могут содержать числа, такие как 100, и текстовые значения, такие как «Джон Доу».
В программировании текстовые значения называются текстовыми строками.
JavaScript может обрабатывать многие типы данных, но пока подумайте только о числах и строках.
Строки записываются в двойных или одинарных кавычках. Цифры пишутся без кавычек.
Если вы поместите число в кавычки, оно будет рассматриваться как текстовая строка.
Пример
const pi = 3.14;
let person = "John Doe";
let answer = 'Yes I am!';
Объявление переменной JavaScript
Создание переменной в JavaScript называется «объявлением» переменной.
Вы объявляете переменную JavaScript с var
помощью let
ключевого слова или:
var carName;
или:
let carName;
После объявления переменная не имеет значения (технически это undefined
).
Чтобы присвоить значение переменной, используйте знак равенства:
carName = "Volvo";
Вы также можете присвоить значение переменной при ее объявлении:
let carName = "Volvo";
В приведенном ниже примере мы создаем переменную с именем carName
и присваиваем ей значение «Volvo».
Затем мы «выводим» значение внутри абзаца HTML с id="demo":
Пример
<p id="demo"></p>
<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
Примечание
Хорошей практикой программирования является объявление всех переменных в начале скрипта.
Одно заявление, много переменных
Вы можете объявить много переменных в одном операторе.
Начните оператор с var
и разделите переменные запятой :
Пример
let person = "John Doe", carName = "Volvo", price = 200;
Объявление может занимать несколько строк:
Пример
let person = "John Doe",
carName = "Volvo",
price = 200;
Значение = не определено
В компьютерных программах переменные часто объявляются без значения. Значение может быть чем-то, что должно быть вычислено, или чем-то, что будет предоставлено позже, например, ввод пользователя.
Переменная, объявленная без значения, будет иметь значение
undefined
.
Переменная carName будет иметь значение undefined
после выполнения этого оператора:
Пример
let carName;
Повторное объявление переменных JavaScript
Если вы повторно объявите переменную JavaScript, объявленную с помощью var
, она не потеряет своего значения.
Переменная carName
по-прежнему будет иметь значение «Volvo» после выполнения этих операторов:
Пример
var carName = "Volvo";
var carName;
Примечание
Вы не можете повторно объявить переменную, объявленную с помощью let
или const
.
Так не пойдет:
let carName = "Volvo";
let carName;
JavaScript-арифметика
Как и в случае с алгеброй, вы можете выполнять арифметические действия с переменными JavaScript, используя такие операторы, как =
и +
:
Пример
let x = 5 + 2 + 3;
Вы также можете добавить строки, но строки будут объединены:
Пример
let x = "John" + " " + "Doe";
Также попробуйте это:
Пример
let x = "5" + 2 + 3;
Примечание
Если вы поместите число в кавычки, остальные числа будут рассматриваться как строки и объединяться.
Теперь попробуйте следующее:
Пример
let x = 2 + 3 + "5";
Знак доллара JavaScript $
Поскольку JavaScript обрабатывает знак доллара как букву, идентификаторы, содержащие $, являются допустимыми именами переменных:
Пример
let $ = "Hello World";
let $$$ = 2;
let $myMoney = 5;
Использование знака доллара не очень распространено в JavaScript, но профессиональные программисты часто используют его как псевдоним для основной функции в библиотеке JavaScript.
Например, в библиотеке JavaScript jQuery функция main
$
используется для выбора элементов HTML. В jQuery $("p");
означает «выбрать все элементы p».
Подчеркивание JavaScript (_)
Поскольку JavaScript воспринимает подчеркивание как букву, идентификаторы, содержащие _, являются допустимыми именами переменных:
Пример
let _lastName = "Johnson";
let _x = 2;
let _100 = 5;
Использование подчеркивания не очень распространено в JavaScript, но среди профессиональных программистов принято использовать его в качестве псевдонима для «частных (скрытых)» переменных.