Переменная в JavaScript — это контейнер, который может содержать значение, такое как число, некоторая текстовая строка, элемент в DOM, функция, объект или что угодно.
Другими словами, переменная — это своего рода контейнер данных (или информации), в котором мы можем хранить данные в контейнере, а затем ссылаться на эти данные, просто называя контейнер.
Простыми словами, мы используем переменные в JavaScript для хранения значений или выражений. Например, числовая переменная может хранить одно число, строку, просто последовательность символов.
Переменные полезны, потому что они могут хранить данные в одной части программы и могут быть использованы позже в другом месте. Значение переменной также может меняться в зависимости от обстоятельств по мере выполнения программы.
Например, представьте игру в крикет на основе JavaScript, где цель состоит в том, чтобы набрать как можно больше очков. Когда игрок впервые начинает играть в крикет, его счет будет равен 0, но по мере того, как он бежит, отбивая мяч битой, он совершает пробежки, и счет становится больше.
Здесь оценка является переменной, потому что она начинается с 0, но меняется по ходу игры. Следовательно, переменная содержит данные, которые могут меняться при различных условиях.
Объявление переменных в JavaScript
Мы объявляем переменные в JavaScript только с помощью ключевого слова var, за которым следует имя. Объявление переменной означает указание интерпретатору JavaScript зарезервировать место в памяти для переменной.
Общий синтаксис объявления переменной в JavaScript следующий:
var variableName; // Here, variableName is the variable's name.
Например, следующая строка кода создает переменную с именем name.
var name;
Все приведенные ниже допустимые объявления переменных:
1. var x;
2. var myVar;
3. var myText;
4. var counter1;
В JavaScript мы также можем объявлять несколько имен переменных вместе со списком, разделенным запятыми. Например, следующие операторы объявляют три переменные с именами FirstName, LastName и age.
var firstName, lastName, age;
Правила объявления переменных в JavaScript
Есть несколько правил, которые следует учитывать при объявлении переменных в JavaScript. Это:
1. Имена переменных должны начинаться с прописных, строчных букв, $ или _. То есть первый символ должен состоять либо из буквы, либо из символа подчеркивания (_).
2. Остальные (т. е. последующие) символы могут быть буквами, цифрами, символами подчеркивания или знаком доллара ($).
3. Имена переменных не могут начинаться с цифры или знака препинания.
4. Они не могут содержать пробелов или других знаков препинания. Они могут не содержать специальных символов (например, !.,/\+* =).
5. Идентификатором не могут быть имена переменных. Зарезервированные слова (например, ключевые слова JavaScript) — это, по сути, слова, на которых основан язык JavaScript. Они не могут быть именами переменных.
6. JavaScript чувствителен к регистру. В результате заглавные буквы отличаются от строчных.
Например, student, Student и STUDENT — это имена трех разных переменных. Избегайте использования таких похожих идентификаторов в одном скрипте.
Следующие имена переменных недопустимы:
1. var 1stCounter; // cannot start with digit.
2. var new variable; // cannot have space.
3. ^mystring // first character is illegal
4. var var; // keyword.
5. var document; // keyword.
6. var length; // keyword.Допустимы следующие имена переменных:
1. var myText;
2. var $;
3. var r8;
4. var _counter;
5. var $field;
6. var __$abc;
7. var my_School;
Точка с запятой используется для завершения инструкции. Это не обязательно, но рекомендуется использовать ее всегда.
Инициализация переменных в JavaScript
После объявления или создания переменной следующая задача — присвоить (give) или инициализировать значение для нее. Процесс присвоения начального значения переменной называется инициализацией.
Мы можем инициализировать переменную значением, используя оператор присваивания: знак равенства (=). Общий синтаксис для инициализации значения переменной следующий:
var variableName = initialValue;
В приведенном выше синтаксисе variableName — это имя переменной, а initialValue — это значение, присвоенное переменной.
Например, следующие инструкции объявляют переменные с начальными значениями.
var name = "Shubh"; // Here, we are assigning a string value to a variable name.
var age = 20;
Мы также можем инициализировать значение переменной (после объявления) следующим образом:
a) var age; // creating a variable age.
age = 30; // storing the number 30 in that variable.
b) var myText;
myText = "Hello world!";
Мы также можем объявить несколько переменных в одной строке кода следующим образом:
var x, y, firstName, lastName;
Эти переменные также могут быть инициализированы в одной и той же строке кода, вот так:
var x = 10, y = 20, firstName = "Shubh", lastName = "Deep";
Типы переменных в JavaScript
Большинство языков высокого уровня, таких как C и Java, строго типизированы. Это означает, что когда мы объявляем переменную в программе, мы должны объявить ее тип переменной перед ее использованием. После определения переменной мы не можем изменить ее тип данных.
Переменные в JavaScript имеют слабые типы (т.е. Не строго типизированы). Это означает, что переменная будет содержать целое число, число с плавающей запятой или строку одновременно.
Мы также можем изменить значение переменной с помощью простого переназначения.
Рассмотрим приведенный ниже пример, где переменная x сначала содержит целочисленное значение, но затем, в результате другого присваивания, она изменяется на строковое значение:
var x = 20;
x = "Now it is a string.";
Таким образом, мы можем изменять значение переменной, когда захотим. Рассмотрим другой пример, чтобы лучше понять.
var myText;
myText = "Hello Javascript";
myText = 99;
myText = 4 * 10;
myText = true;
myText = undefined;
Использование переменных в операторах
После того, как мы объявили переменную и присвоили ей значение, мы можем затем использовать эту переменную в других операторах. Когда интерпретатор Javascript, встроенный в веб-браузер, видит переменную, он отправляется в память компьютера, извлекает значение текущей переменной, а затем помещает это значение в инструкции.
1. Давайте возьмем очень простой пример программы, в которой мы объявим переменную и присвоим ей значение, а затем используем ее в другом операторе. Посмотрите на код скрипта, чтобы лучше понять.
Пример 1:
<script>
// Declaration and initialization of a variable.
var firstName = "Ivaan";
document.write("Welcome to Scientech Easy! " +firstName);
</script>
Вывод: Добро пожаловать в Scientech Easy! Ivaan
Этот скрипт использует метод write() для простого отображения текущего значения переменной.
2. Давайте рассмотрим другой простой, немного отличающийся пример, в котором мы будем инициализировать переменную, принимая входные данные от пользователя с помощью метода prompt().
Пример 2:
<script>
var firstName;
firstName = prompt("Please, tell me your first name");
document.write("Welcome to Scientech Easy! " +firstName);
</script>
Вывод: Добро пожаловать в Scientech Easy! Ivaan
В приведенном выше скрипте использовался метод prompt(), чтобы попросить пользователя ввести свое имя, как показано в верхнем окне браузера. Когда пользователь вводит свое имя и нажимает кнопку ok, интерпретатор JavaScript сохраняет его имя в переменной FirstName. Затем скрипт использует метод write() для отображения приветственного сообщения, используя значение переменной FirstName.
3. Давайте создадим программу, в которой мы объявим переменную и присвоим ей значение, а затем отобразим значение. После этого мы изменим значение, снова отобразим его и так далее. Посмотрите на код скрипта, чтобы лучше понять.
Пример 3:
<script>
var firstName;
firstName = "Ivaan";
document.write(firstName);
document.write("<br>");
firstName = "Hege";
document.write(firstName);
document.write("<br>");
firstName = "Deep";
document.write(firstName);
</script>
Вывод: Ivaan Hege Глубокие
Этот скрипт объявляет переменную, присваивает ей значение, отображает значение в веб-браузере, изменяет значение и снова отображает значение в веб-браузере.
Повторное объявление переменных JavaScript
Если мы повторно объявим переменную в JavaScript, она не потеряет своего первоначального значения. Например:
var x = 20;
var x; // redeclaration.
После выполнения первой строки кода переменная x по-прежнему будет иметь значение 20. Значение x не является четким или сбрасывается при повторном объявлении.
Надеюсь, что в этом руководстве были подробно рассмотрены почти все важные моменты, связанные с переменными в JavaScript, с примерами программ. Я надеюсь, вы поняли основные концепции объявления и инициализации переменных. В следующем уроке мы обсудим типы переменных в JavaScript и их области действия. Спасибо за чтение!!!
