kwork banner 468x60kwork banner 728x90kwork banner 930x180beget banner 468x60beget banner 728x90beget banner 930x180skillbox banner 468x60skillbox banner 728x90skillbox banner 930x180

Руководство по переменным в JavaScript

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

Вы можете создать переменную с ключевым словом var с оператором присваивания (=), например: var varName = value;

var name = "Peter Parker";
var age = 21;
var isMarried = false;

Всегда давайте понятные имена своим переменным. Кроме того, для именования переменных, содержащих несколько слов, обычно используется «верблюжй шрифт». Т.е. каждое слово в переменной должно начинаться с заглавной буквы, например myLongVariableName.

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

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

// Объявление переменной
var userName;
 
// Присвоение значения
userName = "Clark Kent";

В JavaScript, если переменная была объявлена, но ей не было назначено значение явно, автоматически присваивается значение undefined.

Объявление нескольких переменных одновременно

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

// Объявление нескольких переменных
var name = "Peter Parker", age = 21, isMarried = false;
 
/* Более длинные объявления могут быть написаны, чтобы охватить
несколько строк для улучшения читабельности */
var name = "Peter Parker",
age = 21,
isMarried = false;

Ключевые слова let и const

ES6 вводит два новых ключевых слова let и const для объявления переменных.

Ключевое слово const работает точно так же, как let, за исключением того, что переменные, объявленные с использованием ключевого слова const, не могут быть переназначены позже в коде. Вот пример:

// Объявление переменных
let name = "Harry Potter";
let age = 11;
let isStudent = true;

// Объявление констант
const PI = 3.14;
console.log(PI); // 3.14

// Попытка переназначить
PI = 10; // error

В отличие от var, который объявляет переменные в функциональной области, ключевые слова let и const объявляют переменные в области на уровне блока ({}). Блочная область означает, что между парой фигурных скобок {} создается новая область. Мы обсудим это подробно позже, в Руководстве по функциям ES6 в JavaScript.

Ключевые слова let и const не поддерживаются в старых браузерах, таких как IE10. IE11 поддерживает их частично. Подробнее см. Руководство по функциям ES6 в JavaScript.

Соглашения об именах для переменных JavaScript

Это следующие правила для именования переменной JavaScript:

  • Имя переменной должно начинаться с буквы, подчеркивания (_) или знака доллара ($).
  • Имя переменной не может начинаться с цифры.
  • Имя переменной может содержать только буквенно-цифровые символы (A-z, 0-9) и подчеркивания.
  • Имя переменной не может содержать пробелов.
  • Имя переменной не может быть ключевым словом JavaScript или зарезервированным словом JavaScript.

Имена переменных в JavaScript чувствительны к регистру, это означает, что $myvar и $myVar — две разные переменные. Так что будьте осторожны при определении имен переменных.

skillbox banner 480x320skillbox banner 728x90skillbox banner 120x600jivo banner 480x320jivo banner 728x90jivo banner 120x600smsc banner 480x320smsc banner 728x90smsc banner 120x600

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.

Похожие посты

Руководство по сортировке массивов в JavaScript

Сортировка — обычная задача при работе с массивами. Она будет использоваться, например, если вы захотите отобразить названия городов или регионов в алфавитном порядке. JavaScript массив (array) имеет встроенный метод sort() для сортировки элементов массива в алфавитном порядке. Следующий пример демонстрирует, как это работает: Реверсирование массива Вы можете использовать метод reverse(), чтобы изменить порядок элементов массива…
Подробнее

Руководство по массивам в JavaScript

Массивы — это сложные переменные, которые позволяют нам хранить группы значений под одним именем переменной. Массивы JavaScript могут хранить любое допустимое значение, включая строки, числа, объекты, функции и даже другие массивы, что позволяет создавать более сложные структуры данных, такие как массив объектов или массив массивов. Предположим, вы хотите сохранить название цветов в своем коде JavaScript….
Подробнее

Руководство по работе с атрибутами DOM в JavaScript

Атрибуты — это специальные слова, используемые внутри начального тега HTML-элемента для управления поведением тега или предоставления дополнительной информации о теге. JavaScript предоставляет несколько методов для добавления, удаления или изменения атрибутов HTML-элемента. В этом разделе мы узнаем об этих методах подробно. Получение значения атрибута элемента Метод getAttribute() используется для получения текущего значения атрибута элемента. Если указанный…
Подробнее